/* стили для кнопок поделиться в социальных сетях */
.share-buttons {
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}


@media (max-width: 765px) {
	.share-buttons {
		flex-direction: column;
		align-items: start;
		margin-top: 16px;
	}
}


.share-buttons p {
	color: var(--text-seo);
	margin: 0;
}

ul.social {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: end;
}

ul.social li a svg:hover {
	fill: var(--yellow-normal);
}



@media (max-width: 765px) {
	ul.social {
		justify-content: center;
	}
}