.social-links {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	list-style: none;
	padding-left: var(--space-5);
	gap: 6.5px;
}

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

@media (hover: hover) {
	.social-links a:hover {
		color: #fff;
	}
}
/* ------- */
/* ------- */
/* Please use specific class as this affects the socials in header and footer */
/* ------- */
/* ------- */