.quick-links {
	display: flex;
	align-items: baseline;
	gap: 25px;

	.link {
		font-family: var(--font-body);
		font-weight: var(--font-weight-bold);
		font-size: var(--text-xs);
		line-height: 1.2;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		text-decoration: underline 1px transparent;
		text-underline-offset: 15%;
		color: inherit;
		transition: text-decoration-color var(--transition-appendix);
	}

	@media (hover: hover) {
		.link:hover {
			text-decoration-color: currentColor;
		}
	}

	@media (min-width: 64em) {
		gap: var(--space-5);
	}
}