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

.social-links a {
	text-decoration: none;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--rounded-circle);
	background-color: var(--lime);
	color: var(--blue-navy);
	transition: background-color var(--transition-appendix);
}

.social-links a.social-link i {
	color: var(--blue-dark);
	margin-right: 0;
    width: unset;
}

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

@media (hover: hover) {
	.social-links .social-link:hover {
		background-color: var(--green-light);
	}
}