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

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

.hamburger-open .panel-header .quick-links {
	display: none;
}

.quick-links .link {
	position: relative;
	font-family: var(--font-body);
	font-size: var(--text-base);
	color: var(--link-color);
	margin: 0 0 5px;
	padding: .875rem 1rem;	
	clip-path: polygon(
        100% 88.5%, 0% 100%, 3.3% 0%, 94.6% 13.5%, 100% 88.5%
    );
	transition: var(--transition-appendix);
}

.social-nav-cont .quick-links {
	padding: 0;

	.link {
		padding: 0;
		margin: 0 0 var(--space-3);
		color: var(--white);
		font-size: var(--text-lg);
		clip-path: none;
		width: 100%;

		&::before {
			content: '\f054';
			font-family: "Font Awesome 6 Pro";
			font-size: var(--text-base);
			padding: 0 var(--space-3) 0 0;
		}
	}
}

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

@media(width >= 64em) {
	.social-nav-cont .quick-links .link {
		font-size: var(--text-xl);
	}
}