.social a {
    display: inline-block; 
    margin-right: 3px;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 34px;
    background-color: var(--color1);
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
    text-decoration: none;
    font-family: "FontAwesome";
}
.social a:hover {background-color: var(--color2); color: #FFFFFF!important;}
.social .vk::after {content: "\f189";}
.social .fb::after {content: "\f09a";}
.social .ok::after {content: "\f263";}
.social .insta::after {content: "\f16d";}
.social .email::after {content: "\f003";}
.social .yt::after {content: "\f16a";}


/*footer .social a {background-color: #9e9e9e;}
footer .social a:hover {background-color: #c4122f; color: #FFFFFF!important;}*/


/*.social a {
    display: inline-block; 
    margin-right: 3px;
    color: #e10227;
    font-size: 20px;
    line-height: 38px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.social a:hover {opacity: 0.8;}
.social .vk {background: url(/images/vk.png) no-repeat;}
.social .insta {background: url(/images/insta.png) no-repeat;}*/