.social {
	 display: flex;
	 justify-content: space-between;
	 width: 10.8333333333vw;
	 height: 2.0833333333vw;
}
 .social__button {
	 position: relative;
	 z-index: 1;
	 display: block;
	 border: none;
	 width: 2.0833333333vw;
	 height: 100%;
	 text-align: center;
	 background: none;
	 transition: opacity 0.3s;
}
 .social__button span {
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 transform: translate(-50%, -50%);
}
 .social__button svg {
	 display: inline-block;
	 vertical-align: middle;
	 fill: #fff;
}
 [data-page=article] .social__button svg {
	 fill: #e6193c;
}
 .social__button:focus {
	 outline: none;
}
 .social__button[data-social=facebook] svg {
	 margin-top: -0.2352941176vh;
	 width: 1.0588235294vh;
	 height: 1.8823529412vh;
}
 [data-page=article] .social__button[data-social=facebook] svg {
	 margin-top: -0.1388888889vw;
	 width: 0.625vw;
	 height: 1.1111111111vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .social__button[data-social=facebook] svg {
		 margin-top: -0.2666666667vmin;
		 width: 1.3333333333vmin;
		 height: auto;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .social__button[data-social=facebook] svg {
		 margin-top: -0.8vmin;
		 width: 2.9333333333vmin;
	}
}
 .social__button[data-social=vk] svg {
	 margin-top: 0vh;
	 width: 2.5882352941vh;
	 height: 1.5294117647vh;
}
 [data-page=article] .social__button[data-social=vk] svg {
	 margin-top: 0vw;
	 width: 1.5277777778vw;
	 height: 0.9027777778vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .social__button[data-social=vk] svg {
		 margin-top: 0;
		 width: 3.2vmin;
		 height: auto;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .social__button[data-social=vk] svg {
		 width: 6.4vmin;
	}
}
 .social__button[data-social=twitter] svg {
	 margin-top: -0.1176470588vh;
	 width: 2.2352941176vh;
	 height: 1.6470588235vh;
}
 [data-page=article] .social__button[data-social=twitter] svg {
	 margin-top: -0.0694444444vw;
	 width: 1.3194444444vw;
	 height: 0.9722222222vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .social__button[data-social=twitter] svg {
		 margin-top: 0;
		 width: 2.9333333333vmin;
		 height: auto;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .social__button[data-social=twitter] svg {
		 width: 5.8666666667vmin;
	}
}
 [data-page=main] .social__button {
	 width: 3.5294117647vh;
}
 @media (max-width: 1023px) {
	 [data-page=main] .social__button {
		 width: 4vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=main] .social__button {
		 width: 8vmin;
	}
}
 @media (min-width: 1025px) {
	 .social__button:hover {
		 opacity: 0.7;
	}
}
 @media (max-width: 1023px) {
	 .social__button {
		 width: 4vmin;
	}
}
 @media (max-width: 767px) {
	 .social__button {
		 width: 8vmin;
	}
}
 [data-page=article] .social {
	 margin-left: -0.4861111111vw;
	 width: 12.0833333333vw;
	 height: 2.0833333333vw;
}
 @media (max-width: 1023px) {
	 [data-page=article] .social {
		 margin: 0 auto;
		 width: 29.3333333333vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=article] .social {
		 position: relative;
		 left: -2.6666666667vmin;
		 width: 59.2vmin;
	}
}
 [data-page=main] .social {
	 width: 18.3529411765vh;
	 height: 3.5294117647vh;
}
 @media (max-width: 1023px) {
	 [data-page=main] .social {
		 width: 20.8vmin;
		 height: 4vmin;
	}
}
 @media (max-width: 767px) {
	 [data-page=main] .social {
		 width: 41.6vmin;
		 height: 8vmin;
	}
}
 @media (max-width: 1023px) {
	 .social {
		 width: 20.8vmin;
		 height: 4vmin;
	}
}
 @media (max-width: 767px) {
	 .social {
		 width: 41.6vmin;
		 height: 8vmin;
	}
}