.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	font-size: var(--text-2xl-3);
	list-style: none;
}

.social-links a { color: inherit; }

.social-links .social-network { padding: 0 0.65rem; }

.social-links .social-network i {
	font-size: var(--text-2xl-3);
	transition: color ease 400ms;
}

@media (min-width: 64em) {
	.social-links .social-network i { font-size: 2.125rem; }

	.social-links .social-network { padding: 0 1.3rem; }

	.social-links .social-network:first-child { padding-left: 0; }

	.social-links .social-network:last-child { padding-right: 0; }
}

@media (hover: hover) {
	.social-links a:hover {
		color: var(--white);
		background-color: transparent;
	}
	
	.social-links .social-network a:hover i { color: var(--white); }
}