.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 22px;
	margin: 0;
	padding: 0;
	font-size: 1.1875rem;
	line-height: 1;
	list-style: none;
	margin-bottom: var(--space-2);
}

.panel-social .social-links {
	font-size: var(--text-lg);
	gap: 8px;
	margin-bottom: var(--space-3);
}

.panel-social .social-links li {
    height: 30.76px;
    width: 30.76px;
}

.social-links a {
	text-decoration: none;
	color: var(--white);
    font-size: 1.0625rem;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-social .social-links a {
	font-size: 0.8125rem;
	border-radius: var(--rounded-full);
	background-image: url(/includes/public/assets/shared/social-icon-bgs/x-bg.svg);
	background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.panel-social .social-links li:nth-child(6n + 1) a { background-image: url(/includes/public/assets/shared/social-icon-bgs/fb-bg.svg); }
.panel-social .social-links li:nth-child(6n + 2) a { background-image: url(/includes/public/assets/shared/social-icon-bgs/x-bg.svg); }
.panel-social .social-links li:nth-child(6n + 3) a { background-image: url(/includes/public/assets/shared/social-icon-bgs/instagram-bg.svg); }
.panel-social .social-links li:nth-child(6n + 4) a { background-image: url(/includes/public/assets/shared/social-icon-bgs/pinterest-bg.svg); }
.panel-social .social-links li:nth-child(6n + 5) a { background-image: url(/includes/public/assets/shared/social-icon-bgs/yt-bg.svg); }
.panel-social .social-links li:nth-child(6n + 6) a{ background-image: url(/includes/public/assets/shared/social-icon-bgs/tiktok-bg.svg); }

@media (hover : hover) {
	.social-links a:hover {
		color: var(--white);
	}
}
.social-links .social-network {
	padding: 0;
	margin: 0;
}


@media (min-width: 64em) {
	.social-links {
		gap: 22px;
	}
	.panel-social .social-links {
		margin-bottom: var(--space-4);
		gap: 13px;
	}
	.panel-social .social-links li {
		height: 42.57px;
		width: 42.57px;
	}
	.panel-social .social-links a,
	.social-links a {
		font-size: var(--text-lg);
	}
}