.link {
	position: relative;
	display: inline-block;
	border: none;
	font-weight: 500;
	background: none;
	color: #222222;
	line-height: 1.6;
	transition: all 0.2s ease-in-out;
	font-size: 1.125rem;
}

.link:hover {
	color: inherit;
}

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

.link-arrow::after {
	content: '\2192';
	margin-left: 3px;
	transition: all 0.2s ease-in-out;
}

.link-arrow:hover::after {
	margin-left: 6px;
}

.link-arrow.link-arrow-left:after {
	display: none;
}

.link-arrow.link-arrow-left::before {
	display: inline-block;
	content: '\2190';
	margin-right: 3px;
	transition: all 0.2s ease-in-out;
}

.link-arrow.link-arrow-left:hover::before {
	transform: translateX(-3px);
}

.link-plus {
	position: relative;
	padding-right: 20px;
}

.link-plus span.plus {
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 10px;
	top: 7px;
	right: 0;
	transition: all 0.2s ease-in-out;
}

.link-plus span.plus:before {
	position: absolute;
	content: '';
	top: 50%;
	width: 100%;
	border-top: 1px solid #BFBFBF;
	transform: translateY(-50%);
}

.link-plus span.plus:after {
	position: absolute;
	content: '';
	left: 50%;
	height: 100%;
	border-left: 1px solid #BFBFBF;
	transform: translateX(-50%);
}

.link-plus:hover span.plus {
	transform: rotate(90deg);
}

.context-dark .link-plus span.plus:before, .context-dark .link-plus span.plus:after {
	border-color: #fff;
}

.link-icon {
	vertical-align: middle;
	padding-left: .6em;
}

.link-dark, .link-dark:hover {
	color: #222222;
}

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