.widget-messengers {
    position: fixed;
    bottom: 110px;
    right: 0;
    display: flex;
    flex-direction: column;
    z-index: 1100;
}

.widget-messengers__header {
    width: 55px;
    height: 55px;
    background-color: #d82f21;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    padding-bottom: 13px;
    line-height: 1.3;
    position: relative;
    cursor: pointer;
    margin-bottom: 1px;
}

.widget-messengers__header::after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.011 512.011' style='enable-background:new 0 0 512.011 512.011;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M505.755,123.592c-8.341-8.341-21.824-8.341-30.165,0L256.005,343.176L36.421,123.592c-8.341-8.341-21.824-8.341-30.165,0 s-8.341,21.824,0,30.165l234.667,234.667c4.16,4.16,9.621,6.251,15.083,6.251c5.462,0,10.923-2.091,15.083-6.251l234.667-234.667 C514.096,145.416,514.096,131.933,505.755,123.592z' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    width: 10px;
    height: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6px;
}

.widget-messengers__item:last-child .widg-mes__list {
    margin-bottom: 0;
}

.widg-mes_viber .widg-mes__header {
    background-image: url("/themes/transformer/img/viber.svg");
    background-color: #725295;
}

.widg-mes_viber .widg-mes__item {
    background-color: rgba(114, 82, 149, 0.84);
}

.widg-mes_telegram .widg-mes__header {
    background-image: url("/themes/transformer/img/telegram.svg");
    background-color: rgba(44, 165, 224, 1);
}

.widg-mes_telegram .widg-mes__item {
    background-color: rgba(44, 165, 224, 0.84);
}

.widg-mes_whatsapp .widg-mes__header {
    background-image: url("/themes/transformer/img/whatsapp.svg");
    background-color: rgb(0, 230, 118, 1);
}

.widg-mes_whatsapp .widg-mes__item {
    background-color: rgb(0, 230, 118, 0.84);
}

.widg-mes_chat .widg-mes__header {
    background-image: url("/themes/transformer/img/chat.svg");
    background-color: rgb(216, 121, 33, 1);
}

.widg-mes_chat .widg-mes__item {
    background-color: rgb(216, 121, 33, 0.84);
}

.widg-mes__header {
    width: 55px;
    height: 55px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 1px;
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='512' height='512' enable-background='new 0 0 24 24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.155 13.893c.716-6.027-.344-9.832-2.256-11.553l.001-.001c-3.086-2.939-13.508-3.374-17.2.132-1.658 1.715-2.242 4.232-2.306 7.348-.064 3.117-.14 8.956 5.301 10.54h.005l-.005 2.419s-.037.98.589 1.177c.716.232 1.04-.223 3.267-2.883 3.724.323 6.584-.417 6.909-.525.752-.252 5.007-.815 5.695-6.654zm-12.237 5.477s-2.357 2.939-3.09 3.702c-.24.248-.503.225-.499-.267 0-.323.018-4.016.018-4.016-4.613-1.322-4.341-6.294-4.291-8.895.05-2.602.526-4.733 1.93-6.168 3.239-3.037 12.376-2.358 14.704-.17 2.846 2.523 1.833 9.651 1.839 9.894-.585 4.874-4.033 5.183-4.667 5.394-.271.09-2.786.737-5.944.526z' fill='%23fff'/%3E%3Cpath d='m12.222 4.297c-.385 0-.385.6 0 .605 2.987.023 5.447 2.105 5.474 5.924 0 .403.59.398.585-.005h-.001c-.032-4.115-2.718-6.501-6.058-6.524z' fill='%23ffffff'/%3E%3Cpath d='m16.151 10.193c-.009.398.58.417.585.014.049-2.269-1.35-4.138-3.979-4.335-.385-.028-.425.577-.041.605 2.28.173 3.481 1.729 3.435 3.716z' fill='%23ffffff'/%3E%3Cpath d='m15.521 12.774c-.494-.286-.997-.108-1.205.173l-.435.563c-.221.286-.634.248-.634.248-3.014-.797-3.82-3.951-3.82-3.951s-.037-.427.239-.656l.544-.45c.272-.216.444-.736.167-1.247-.74-1.337-1.237-1.798-1.49-2.152-.266-.333-.666-.408-1.082-.183h-.009c-.865.506-1.812 1.453-1.509 2.428.517 1.028 1.467 4.305 4.495 6.781 1.423 1.171 3.675 2.371 4.631 2.648l.009.014c.942.314 1.858-.67 2.347-1.561v-.007c.217-.431.145-.839-.172-1.106-.562-.548-1.41-1.153-2.076-1.542z' fill='%23ffffff'/%3E%3Cpath d='m13.169 8.104c.961.056 1.427.558 1.477 1.589.018.403.603.375.585-.028-.064-1.346-.766-2.096-2.03-2.166-.385-.023-.421.582-.032.605z' fill='%23ffffff'/%3E%3C/svg%3E");
    cursor: pointer;
}

.widg-mes__item {
    width: 55px;
    height: 55px;
    position: relative;
    background-size: 25px;
    background-position: center 5px;
    background-repeat: no-repeat;
    margin-bottom: 1px;
    display: block;
}

.widg-mes__item::after {
    content: "Чат";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
    color: #fff;
}

.widg-mes__item_kyivstar {
    background-image: url("/themes/transformer/img/kyivstar.svg");
}

.widg-mes__item_vodafone {
    background-image: url("/themes/transformer/img/vodafone.svg");
}

.widg-mes__item_lifecell {
    background-image: url("/themes/transformer/img/lifecell.png");
}

.widg-mes__item:last-child {
    margin-bottom: 0;
}

.widg-mes__list {
    display: none;
    margin-bottom: 1px;
}

@media (max-width: 768px) {
    .widget-messengers {
        bottom: 51px;
    }

    .widget-messengers__header {
        width: 48px;
        height: 48px;
        font-size: 1.1rem;
    }

    .widg-mes__header {
        width: 48px;
        height: 48px;
    }

    .widg-mes__item {
        width: 48px;
        height: 48px;
        background-size: 20px;
    }
}

@media (max-width: 576px) {
    .widget-messengers {
        bottom: 51px;
    }

    .widget-messengers__header {
        width: 35px;
        height: 35px;
        font-size: 0.85rem;
        padding-top: 3px;
    }

    .widget-messengers__header::after {
        bottom: 2px;
    }

    .widg-mes__header {
        width: 35px;
        height: 35px;
    }

    .widg-mes__item {
        width: 35px;
        height: 35px;
        background-size: 14px;
    }

    .widg-mes__item::after {
        bottom: 0px;
        font-size: 1rem;
    }
}

@media (max-width: 991.98px) {
    .widget-messengers {
        display: none;
    }
}