#crosslinks { color: #FFF; }
#crosslinks > .content-wrapper {}
#crosslinks > .content-wrapper > .title {
	margin: 0 0 80px;
	
	line-height: normal;
	font-weight: 700;
}
#crosslinks > .content-wrapper > .title > span { color: var(--off-color); }
@media (min-width: 900px)	 { #crosslinks > .content-wrapper > .title { font-size: 50px; } }
@media (max-width: 899.99px) { #crosslinks > .content-wrapper > .title { font-size: 30px; } }
#crosslinks > .content-wrapper > .cta {
	position: relative;
	display: flex; max-width: 300px;
	flex-direction: column;
	justify-content: center;
	padding-right: 135px;
	margin-top: 80px;
	margin-left: auto;
	
	text-align: right;
	font-size: 20px;
	font-weight: 500;
	
	cursor: pointer;
}
#crosslinks > .content-wrapper > .cta:before,
#crosslinks > .content-wrapper > .cta:after {
	content: '';
	position: absolute; top: 50%; right: 0; transform: translateY(-50%);
	display: block; height: 105px; width: 105px;
	
	border-radius: 50%;
}
#crosslinks > .content-wrapper > .cta:before {
	transform: translateY(-50%);
	background-color: var(--off-color);
}
#crosslinks > .content-wrapper > .cta:after {
	transform: translateY(-50%) rotate(-45deg);
	background-color: #FFF;
	
	-webkit-mask-image: url("../../images/icons/handle.svg");
	mask-image: url("../../images/icons/handle.svg");
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 50px;
	mask-size: 50px;
}
.loaded #crosslinks > .content-wrapper > .cta:after { transition: transform .2s ease-out; }
#crosslinks > .content-wrapper > .cta:hover:after { transform: translateY(-50%) rotate(0); }