.main-social__wrapper__inner {
    padding: 20px 0;
}

.socials-menu {
	display: inline-flex;
	column-gap: 5px;
}

.socials-menu__item {
	position: relative;
	width: 40px;
	height: 40px;
	background-color: rgba(202, 212, 234, 0.5);
	-o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.socials-menu__item:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: rgba(20, 96, 218, 1);
	mask-repeat: no-repeat;
	mask-size: contain;
	-o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.socials-menu__item._max:before {
	width: 18px;
	height: 18px;
	mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.68772 0.0126992C3.32584 0.293836 -0.213607 4.51347 0.0100184 9.83444C0.107694 12.1635 1.04075 14.1676 1.26181 16.378C1.31836 16.9506 1.15385 17.6573 1.81187 17.9075C2.62155 18.2144 3.86306 17.6985 4.54165 17.2265C4.77298 17.0692 4.99404 16.8861 5.16369 16.6591C5.86541 17.1259 6.53114 17.5773 7.36653 17.7785C11.0448 18.6632 15.0752 16.6385 16.8668 13.3861C20.234 7.27584 15.6818 -0.353553 8.68772 0.0126992ZM6.60569 12.7645C6.31523 12.9914 6.03506 13.3009 5.71375 13.4789C5.24851 13.7291 5.10457 13.4686 4.92978 13.0559C4.37971 11.7431 4.31288 9.50688 4.63418 8.13214C5.06601 6.2622 6.50801 4.61664 8.4898 4.44125C10.4947 4.26329 12.3557 5.28466 13.1962 7.12882C15.0572 11.2324 10.2942 15.2844 6.60569 12.767V12.7645Z' fill='%231460DA'/%3E%3C/svg%3E%0A");
}

.socials-menu__item._telegram:before {
	width: 16px;
	height: 15px;
	mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3427 0.10262C14.5394 0.0117554 14.7547 -0.019583 14.9662 0.0118657C15.1777 0.0433145 15.3777 0.136401 15.5453 0.281436C15.7129 0.426472 15.842 0.618154 15.9192 0.836531C15.9964 1.05491 16.0188 1.292 15.9842 1.52312L14.1787 13.5415C14.0035 14.7008 12.8445 15.3656 11.8757 14.7881C11.0653 14.305 9.8616 13.5607 8.77895 12.7841C8.23763 12.3953 6.57942 11.1504 6.78321 10.2645C6.95834 9.50712 9.74458 6.66087 11.3367 4.96867C11.9616 4.30385 11.6766 3.92033 10.9387 4.53186C9.10534 6.05021 6.16387 8.35919 5.19107 9.00916C4.33291 9.58225 3.88552 9.6801 3.35056 9.58225C2.37458 9.40403 1.46945 9.12797 0.730701 8.79163C-0.267568 8.33735 -0.219008 6.83123 0.729905 6.39267L14.3427 0.10262Z' fill='white'/%3E%3C/svg%3E%0A");
}

.socials-menu__item._vkontakte:before {
	width: 19px;
	height: 12px;
	mask-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25172 0H0C0.154279 7.49549 3.85697 12 10.3485 12H10.7164V7.71171C13.1018 7.95195 14.9057 9.71772 15.6296 12H19C18.0743 8.58859 15.6415 6.7027 14.1224 5.98198C15.6415 5.09309 17.7776 2.93093 18.2879 0H15.2261C14.5615 2.37838 12.5915 4.54054 10.7164 4.74474V0H7.65459V8.31231C5.75578 7.83183 3.35853 5.5015 3.25172 0Z' fill='%231460DA'/%3E%3C/svg%3E%0A");
}


@media all and (max-width:1700px) {
	.main-social__wrapper__inner {
		margin-right: 20px;
	}
}

@media all and (max-width:1199px) {
	.main-social__wrapper__inner {
	    padding: 18px 0 14px;
	}
}

@media all and (min-width:1025px) {
	.socials-menu__item:hover {
		background-color: rgba(20, 96, 218, 1);
		-webkit-box-shadow: 0px 10px 20px rgba(20, 96, 218, 0.25);
        box-shadow: 0px 10px 20px rgba(20, 96, 218, 0.25);
	}
	.socials-menu__item:hover:before {
		background: rgba(255, 255, 255, 1);
	}
}