.quick-links {
	--link-color: var(--white);
	--link-color-hover: var(--white);

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: var(--space-10);
	padding: 0 var(--space-5);
}

.quick-links .link {
	position: relative;
	font-family: var(--font-display);
	font-size: var(--text-2xl-1);
	color: var(--link-color);
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #00000080;
}

.quick-links .link::before {
    content: "";
    position: absolute;
    width: 9.43px;
    height: 10.19px;
    background-image: url(/includes/public/assets/shared/starfish-green.svg);
    background-size: cover;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.quick-links .link::after {
	content: "";
	position: absolute;
	width: 61px;
	height: 10px;
	background-image: url(/includes/public/assets/shared/active-state.svg);
	background-size: cover;
	left: 50%;
	transform: translateX(-50%);
	bottom: -5px;
	opacity: 0;
	transition: opacity ease .2s;
}

@media (hover: hover) {
	.quick-links .link:hover {
		color: var(--link-color-hover);
	}

	.quick-links .link:hover::after {
		opacity: 1;
	}
}