.mobile-chat-menu {
    display: none;
}

@media (max-width: 767px) {
    #social-fixed {
        display: none;
    }

.mobile-chat-menu {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 20px;
    right: 20px;
    z-index: 101;
}

.mobile-chat-menu .mobile-chat-menu__item {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 66px;
    width: 66px;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    opacity: 0;
    transform: scale(0.5) translateY(20px);
    visibility: hidden;
    pointer-events: none;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mobile-chat-menu .mobile-chat-menu__item.mobile-chat-menu__item-block {
    height: 56px;
    width: 56px;
}

.mobile-chat-menu [data-role="open-chat-menu"].mobile-chat-menu__item {
    z-index: 4;
    opacity: 1;
    transform: scale(1) translateY(0);
    visibility: visible;
    pointer-events: auto;
    position: relative;
}

.mobile-chat-menu [data-role="close-chat-menu"].mobile-chat-menu__item {
    z-index: 3;
    opacity: 0;
    transform: scale(0.5);
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.mobile-chat-menu.open [data-role="open-chat-menu"].mobile-chat-menu__item {
    opacity: 0;
    transform: scale(0.5);
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
}

.mobile-chat-menu.open [data-role="close-chat-menu"].mobile-chat-menu__item {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    pointer-events: auto;
    z-index: 4;
}

.mobile-chat-menu.open .mobile-chat-menu__item:not([data-role="close-chat-menu"]):not([data-role="open-chat-menu"]) {
    opacity: 1;
    transform: scale(1) translateY(0);
    visibility: visible;
    pointer-events: auto;
    position: relative;
    margin-bottom: 10px;
}

.mobile-chat-menu.open .mobile-chat-menu__item:nth-child(1) {
    transition-delay: 0ms;
}
.mobile-chat-menu.open .mobile-chat-menu__item:nth-child(2) {
    transition-delay: 50ms;
}
.mobile-chat-menu.open .mobile-chat-menu__item:nth-child(3) {
    transition-delay: 100ms;
}

.mobile-chat-menu.open [data-role="close-chat-menu"] {
    margin-bottom: 0;
    text-align: center;
    align-content: center;
}
}