.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--text-lg);
	border-radius: var(--rounded-full);
	background-color: var(--white);
	width: 40px;
	height: 40px;
}

.social-links .threads {
	width: 18px;
}

/*Header Styles*/
.panel-header .mobile-nav-container .social-links {
	margin-top: var(--space-6);
	padding: 0 var(--space-3) var(--space-6);
}

.panel-header .social-links a {
	color: var(--black);
	background-color: var(--white);
}

/*Social Panel Styles*/
.panel-social .social-links a {
	color: var(--white);
	background-color: var(--blue);
}

.panel-social .social-links a > svg {
	filter: invert(1);	
}


@media (min-width: 64em) {
	.panel-header .widgets .follow-us > div { height: 0; }
	.panel-header .widgets .follow-us .social-links {
		display: flex;
		flex-direction: column;
		gap: var(--space-3);
		background: transparent linear-gradient(180deg, #F6CF3F 0%, #EE7624 100%) 0% 0% no-repeat padding-box;
		transition: opacity ease-out 0.3s;
		opacity: 0;
		pointer-events: none;
		padding: var(--space-4) var(--space-3);
	}

	.panel-header .widgets .follow-us.active .social-links {
		opacity: 1;
		pointer-events: all;
	}
}