.social-media__item {
	display: inline-block;
}

.social-media__link {
	display: block;
	background-color: #697a78;
	width: 3.125rem;
	height: 3.125rem;
	border-radius: 50%;
	transition: background-color 0.2s;
}

@media (min-width: 768px) {
	.social-media__link {
		width: 3.625rem;
		height: 3.625rem;
	}
}

.social-media__link:hover {
	background-color: #a1c4be;
	transition: background-color 0.2s;
}

.social-media__icon {
	fill: white;
	width: 70%;
	height: 70%;
	padding: 15%;
}

.site-footer__social-media {
	display: flex;
	gap: 0.5625rem;
	padding: 2.8125rem 0 1.875rem;
}

@media (min-width: 768px) {
	.site-footer__social-media {
		padding: 6.125rem 0 2.5rem;
	}
}