.social-share {
    padding: 32px 0 32px;
    color: #04202f;
}

@media (min-width: 768px) {
    .social-share {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .social-share__wrapper {
        display: flex;
        justify-content: space-between;
    }
}

.social-share__heading {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
}

.social-share__text {
    margin: 8px 0 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
}

@media (min-width: 768px) {
    .social-share__text {
        flex: 0 0 290px;
        margin-right: 24px;
        margin-bottom: 0;
    }
}

.social-share__link {
    color: #009fda;
    transition: color 0.3s linear;
}

@media (hover: hover) and (pointer: fine) {
    .social-share__link:hover {
        color: #028ac5;
    }
}

.social-share__link:focus {
    color: #028ac5;
}

.social-share__link:active {
    color: #009fda;
}

.social-likes {
    display: flex;
    flex-wrap: wrap;
}

.social-likes__button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 52px;
    height: 40px;
    margin-top: 8px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background-repeat: no-repeat;
    outline: none;
    transition: background-color 0.3s linear;
    cursor: pointer;
    user-select: none;
}

.social-likes__button:focus {
    outline: none;
}

.social-likes__button:not(:last-child) {
    margin-right: 10px;
}

.social-likes__button_facebook {
    background-color: #4359ac;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 11 22'%3E%3Cpath fill='%23fff' d='M10.56 10.98H7.29V22H2.35V10.98H0V7.1h2.35V4.6c0-1.8.92-4.6 4.99-4.6L11 .01v3.76H8.34c-.43 0-1.05.2-1.05 1.06v2.28H11l-.43 3.87z'/%3E%3C/svg%3E%0A");
    background-position: left 21px center;
    background-size: 11px 22px;
}

@media (hover: hover) and (pointer: fine) {
    .social-likes__button_facebook:hover {
        background-color: #394d9b;
    }
}

.social-likes__button_facebook:focus {
    background-color: #394d9b;
}

.social-likes__button_facebook:active {
    background-color: #304592;
}

.social-likes__button_vkontakte {
    background-color: #5181b8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 12'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.76 11.95h1.32s.4-.04.6-.25c.19-.2.18-.55.18-.55s-.03-1.69.8-1.94c.8-.24 1.84 1.63 2.94 2.35.83.55 1.46.43 1.46.43l2.94-.04s1.53-.1.8-1.25c-.06-.1-.42-.85-2.18-2.41-1.84-1.64-1.6-1.37.62-4.2 1.35-1.72 1.9-2.77 1.73-3.23C21.8.44 20.8.55 20.8.55l-3.3.02s-.25-.03-.43.07-.3.34-.3.34-.52 1.33-1.22 2.47c-1.47 2.39-2.06 2.51-2.3 2.37-.56-.35-.42-1.4-.42-2.14 0-2.31.37-3.28-.72-3.53A5.9 5.9 0 0010.58 0C9.4 0 8.4 0 7.83.27c-.37.18-.66.57-.49.6.22.02.72.12.98.46.34.44.33 1.43.33 1.43s.2 2.73-.46 3.07c-.44.23-1.05-.24-2.37-2.41-.67-1.11-1.18-2.34-1.18-2.34s-.1-.23-.27-.35c-.21-.15-.51-.2-.51-.2L.72.55S.25.56.07.75c-.15.18-.01.54-.01.54s2.46 5.5 5.25 8.28c2.55 2.55 5.45 2.38 5.45 2.38z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-position: left 15px center;
    background-size: 22px 12px;
}

@media (hover: hover) and (pointer: fine) {
    .social-likes__button_vkontakte:hover {
        background-color: #4073ad;
    }
}

.social-likes__button_vkontakte:focus {
    background-color: #4073ad;
}

.social-likes__button_vkontakte:active {
    background-color: #3869a0;
}

.social-likes__button_odnoklassniki {
    background-color: #f7931e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 22'%3E%3Cpath fill='%23fff' d='M5.54 15.5a8.58 8.58 0 01-4.58-1.63c-.16-.13-.33-.25-.48-.4-.58-.55-.63-1.18-.18-1.84.4-.56 1.05-.7 1.73-.38.14.06.26.14.38.22a7.51 7.51 0 008.31.07c.25-.18.5-.34.81-.41.59-.15 1.14.06 1.46.58.36.58.35 1.16-.1 1.61-.68.7-1.5 1.2-2.41 1.56-.86.33-1.8.5-2.74.61.14.16.2.23.3.32l3.8 3.82c.44.43.53.97.29 1.48a1.5 1.5 0 01-1.41.88c-.36-.03-.64-.2-.9-.46-.95-.96-1.93-1.9-2.87-2.89-.27-.28-.4-.23-.64.02-.97 1-1.95 1.97-2.93 2.93-.45.44-.97.52-1.49.27a1.5 1.5 0 01-.86-1.38c.02-.38.2-.66.46-.92l3.77-3.76.28-.3z'/%3E%3Cpath fill='%23fff' d='M6.58 11.14A5.58 5.58 0 116.67-.02a5.58 5.58 0 01-.1 11.16zm2.77-5.58a2.72 2.72 0 00-2.73-2.72 2.72 2.72 0 10.02 5.45 2.71 2.71 0 002.7-2.73z'/%3E%3C/svg%3E%0A");
    background-position: left 20px center;
    background-size: 13px 22px;
}

@media (hover: hover) and (pointer: fine) {
    .social-likes__button_odnoklassniki:hover {
        background-color: #f88907;
    }
}

.social-likes__button_odnoklassniki:focus {
    background-color: #f88907;
}

.social-likes__button_odnoklassniki:active {
    background-color: #e77e04;
}

.social-likes__counter {
    padding: 0 15px 0 47px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: #ffffff;
}

.social-likes .social-likes__counter_empty {
    display: none;
}