.arrow-link,
.body-copy .arrow-link {
	align-items: center;
	color: var(--theme-base-color);
	display: inline-flex;
	font-family: urw-din, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	gap: 8px;
	letter-spacing: 0;
	line-height: 1.5;
	text-decoration: none;
}

.arrow-link:hover,
.arrow-link:focus,
.body-copy .arrow-link:hover,
.body-copy .arrow-link:focus {
	color: var(--theme-ada-color);
}

.arrow-link--light,
.arrow-link--light:hover {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	gap: 32px;
	text-transform: uppercase;
}

.arrow-link.arrow-link--navy,
.body-copy .arrow-link.arrow-link--navy {
	color: #0a3e52;
}

.arrow-link.arrow-link--navy:hover,
.arrow-link.arrow-link--navy:focus,
.body-copy .arrow-link.arrow-link--navy:hover,
.body-copy .arrow-link.arrow-link--navy:focus {
	color: var(--theme-ada-color);
}

.arrow-link i {
	font-size: 24px;
	line-height: 1;
	transition: transform .35s cubic-bezier(.52, .01, .16, 1);
}

.arrow-link--light i {
	align-items: center;
	background: #d8272f;
	border-radius: 999px;
	display: inline-flex;
	font-size: 18px;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.arrow-link:hover i,
.arrow-link:focus i {
	transform: translateX(4px);
}

.decorative-rule {
	background: #416575;
	display: block;
	flex: 0 0 auto;
	height: 7px;
	width: 72px;
}

@media (max-width: 1439.98px) {
	.arrow-link--light,
	.arrow-link--light:hover {
		font-size: 22px;
	}
}

@media (max-width: 767.98px) {
	.arrow-link--light,
	.arrow-link--light:hover {
		font-size: 24px;
		gap: 32px;
	}
}