.link {
	position: relative;
	display: inline-block;
}

.link-active {
	color: #0053cf;
}

.link-inherit {
	color: inherit;
}

.link-inherit:hover {
	color: #1c77ff;
}

.link-dark {
	color: #0a0a0b;
}

.link-dark:hover {
	color: #1c77ff;
}

.link-btn {
	position: relative;
	z-index: 0;
	padding: 1rem 0;
	font-family: "Lato", sans-serif;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #0a0a0b;
	transition: all 0.2s ease-in-out;
}

.link-btn::before {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	width: 3.1875rem;
	height: 3.1875rem;
	content: '';
	background: #ffb13d;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: inherit;
}

.link-btn:hover {
	color: #0a0a0b;
}

.link-btn:hover::before {
	transform: translate(-50%, -50%) scale(1.3);
}

.context-dark .link-btn {
	color: #fff;
}

.context-dark .link-btn::before {
	background-color: #ed930d;
}

.link-img img {
	min-width: 100%;
	max-width: 100%;
	transition: all 0.2s ease-in-out;
}

.link-img:hover img {
	transform: scale(1.05);
}