.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--space-5);
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}

.social-links a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	width: 45px;
	font-size: var(--text-xl);
	color: var(--sw-light-text-color);
	text-decoration: none;
	background: transparent;
	border: 1px solid var(--white);
	border-radius: var(--rounded-full);
	transition: color var(--transition-appendix), background-color var(--transition-appendix), border-color var(--transition-appendix);
}

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

@media (hover: hover) {
	.social-links a:hover {
		background: var(--yellow);
		color: var(--blue-dark);
		border-color: var(--yellow);
	}
}

/* Panel Header Styling */
.panel-header .social-links {
	justify-content: flex-start;
}

.panel-header .social-links a {
	color: var(--blue);
	border: 1px solid var(--blue);
}