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

	display: flex;
	flex-direction: row;
	width: fit-content;
	column-gap: var(--space-8);
	padding: 0 var(--space-10);
  	/* opacity: 1; */
}

.quick-links .link {
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	color: var(--purple-deep);
	display: inline-block;
}

@media (hover: hover) {
	.quick-links .link:hover {
		/* color: var(--link-color-hover); */
		text-decoration: underline;
	}
}



@media (max-width: 79.9em) {
	.quick-links .link {
		font-size: var(--text-base);
	}
}
@media (max-width: 75.2em) {
	.quick-links {
		column-gap: var(--space-6);
		padding: 0 var(--space-8);
	}
}
@media (max-width: 72.2em) {
	.quick-links {
		column-gap: var(--space-4);
		padding: 0 var(--space-5);
	}
	.quick-links .link {
		font-size: var(--text-sm);
	}
}