:root {
    --main-color: #ff7f00;
    --tooltip_border-color: rgb(220, 220, 220);
    --tooltip_boxshadow-color:rgb(182, 182, 182);
    --tooltip_background-color: rgb(255, 255, 255);
    --tooltip_text-color: #000000;

}

.wm-messenger-widget {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1001;
    font-family: Georgia, 'Times New Roman', Times, serif;

}

.wm-messenger-icon {
    background: var(--main-color);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s;
    box-shadow: 3px 3px 6px 0px rgb(136 134 134);
    ;
}


.wm-messenger-icon:hover {
    transform: scale(1.1);
}

.wm-messenger-options {
    display: none;
    margin-bottom: 15px;
}
.wm-messenger-options_down {
    animation: slideDown 0.3s ease forwards;
}
.wm-messenger-options_up {
    animation: slideUp 0.3s ease forwards;
}
@keyframes slideUp {
    from {
        transform: translateY(30%);
        opacity: 0;
        transition: opacity 1s ease ;
    }
    to {
        transform: translateY(0);
        opacity: 1;
        transition: opacity 1s ease ;
    }
}
@keyframes slideDown {
    from {
        transform: translateY(0);
        opacity: 1;
        transition: opacity 1s ease ;
    }
    to {
        transform: translateY(15%);
        opacity: 0;
        transition: opacity 1s ease ;
    }
}

.wm-messenger-option {
    display: flex;
    position: relative;
    align-items: center;
    cursor: pointer;
}

.wm-messenger-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wm-messenger-option:hover .wm-tooltip {
    display: block;
}

.wm-tooltip {
    position: relative;
    display: inline-block;
}


.wm-tooltip .wm-tooltiptext {
    visibility: hidden;
    background-color: var(--tooltip_background-color);
    border: 1px solid var(--tooltip_border-color);
    box-shadow: -1px 3px 6px 0px var(--tooltip_boxshadow-color);
    color: var(--tooltip_text-color);
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 130%;
    opacity: 0;
    text-wrap: nowrap;
}

.wm-tooltip .wm-tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent var(--tooltip_background-color);

}

/*.wm-tooltip:hover .wm-tooltiptext {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.7s;
}*/

.wm-iconface_vk {
    background-color: #497bab;
}

.wm-iconface-vk {
    background: url('assets/icons/messenger/vk.svg') center center no-repeat;
    
}

.wm-iconface_viber {
    background-color: #6f3faa;
}

.wm-iconface-viber {
    background: url('assets/icons/messenger/viber.svg') center center no-repeat;
    
}

.wm-iconface_email {
    background-color: #888888;
}

.wm-iconface-email {
    background: url('assets/icons/messenger/email.svg') center center no-repeat;
    
}

.wm-iconface_call {
    background-color: #0083d1;
}

.wm-iconface-call {
    background: url('assets/icons/messenger/call.svg') center center no-repeat;
    
}

.wm-iconface_telegram {
    background-color: #00aef0;
}

.wm-iconface-telegram {
    background: url('assets/icons/messenger/telegram.svg') center center no-repeat;
    
}

.wm-iconface_whatsapp {
    background-color: #1fc14b;
}

.wm-iconface-whatsapp {
    background: url('assets/icons/messenger/wa.svg') center center no-repeat;
    
}
.wm-iconface_classmates {
    background-color: #eb7d01;
}

.wm-iconface-classmates {
    background: url('assets/icons/messenger/classmates.svg') center center no-repeat;
    
}
.wm-iconface_tiktok {
    background-color: #2a2a2a;
}

.wm-iconface-tiktok {
    background: url('assets/icons/messenger/tiktok.svg') center center no-repeat;
    
}
.wm-iconface_zen {
    background-color: #2C3036;
}

.wm-iconface-zen {
    background: url('assets/icons/messenger/zen.svg') center center no-repeat;
    
}
.wm-iconface_youtube {
    background-color: #ffffff;
    border: 1px solid #F44336;
}

.wm-iconface-youtube {
    background: url('assets/icons/messenger/youtube.svg') center center no-repeat;
    
}

.wm-icon_messenger {
    background: url('assets/icons/messenger/chat-svgrepo-com.svg') center center no-repeat;
    width: 40px;
    height: 40px;

}

.wm-icon_messenger.wm-active {
    background: url('assets/icons//messenger/close-lg-svgrepo-com.svg') center center no-repeat;
    width: 40px;
    height: 40px;
}

.wm-iconface {
    display: flex;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: relative;
    align-items: center;
    justify-content: center;
}
.wm-iconface-size {
    width: 25px;
    height: 25px;
}

.wm-iconface:hover {
    transform: scale(1.1);
}

.wm-messenger-icon.wm-pulsate {
    animation: wm-pulsate 2s ease-in-out infinite;
}

/*@keyframes wm-pulsate {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}*/