.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0;
	padding: 0;
	font-size: 0.9546rem;
	line-height: 1;
	list-style: none;
}

.social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(/includes/public/assets/shared/social_icon_bg.svg);
	background-size: cover;
	width: 40px;
	height: 40px;
	color: var(--dark-gray);
	text-decoration: none;
}

.mobile-nav .social-links { gap: 19px; }
.mobile-nav .social-links a,
.panel-social .social-links a {
	background-image: url(/includes/public/assets/shared/social-icon-bg-mobile.svg);
	color: var(--brass);
	font-size: 0.9544rem;
}

@media (hover: hover) {
	.social-links a { transition: background var(--transition-appendix), color var(--transition-appendix); }
	.mobile-nav .social-links a:hover,
	.panel-social .social-links a:hover  { color: var(--white); }
	.social-links a:hover {
		text-decoration: none;
		background-image: url(/includes/public/assets/shared/social_icon_bg-hover.svg);
	}
}

.social-links .social-network {
	padding: 0;
	margin: 0;
}

@media (min-width: 64em) {
	.panel-footer .social-links,
	.panel-social .social-links {
		flex-direction: column;
	}

	.panel-social .social-links { gap: 10px; }
	.panel-social .social-links a {
		height: 70px;
		width: 70px;
		font-size: 1.5625rem;
	}
	.social-links a {
		height: 45px;
		width: 45px;
	}
}