.quick-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;

	.link {
		flex-shrink: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-medium);
		font-size: var(--text-base);
		line-height: 1.2;
		text-decoration: none;
		color: var(--white);

		&:has(.icon) {
			display: inline-flex;
			gap: 3px;
		}
	}

	.icon {
		font-size: var(--text-sm);
		color: var(--blue-light);
	}
}