.side-button{
    align-items:center;display:flex;color:#fff!important;overflow:hidden;position:fixed;border-radius:9999999px;
    bottom:76px;z-index:1000;width:50px;height:50px;text-wrap:nowrap;
}
.side-button-left{left:20px}
.side-button-right{right:20px}

.side-button .fa-headset,.side-button .fa-times{transition:transform .3s ease, all .3s ease}
.side-button.open .fa-headset{opacity:0;transform:rotateZ(360deg)}
.side-button:not(.open) .fa-headset{opacity:1;transform:rotateZ(0)}
.side-button .fa-times{opacity:1;transform:rotateZ(360deg)}
.side-button:not(.open) .fa-times{opacity:0;transform:rotateZ(0)}

#menu{
    position:fixed;bottom:130px;right:20px;width:381px;background:#fff;border-radius:8px;
    box-shadow:0 4px 6px rgba(0,0,0,.1);display:none;flex-direction:column;text-align:right;z-index:999;
    direction:rtl;border:2px solid var(--side-menu-color);
}
#menu .menu-content,#menu .menu-header{padding:15px}
#menu .menu-header{color:var(--side-header-text);background-color:var(--side-menu-color)}
#menu .menu-header > *{color:var(--side-header-text)}

@media (max-width:768px){
    #menu{width:100%;height:100%;top:0;bottom:0;right:0;border-radius:0}
}
#menu h3{margin:0 0 20px;font-size:18px;font-weight:700;text-align:center}

.menu-item{
    display:flex;align-items:center;justify-content:flex-start;border:1px solid #ddd;border-radius:8px;
    padding:10px;margin-bottom:10px;transition:background .3s ease;
}
.menu-item:hover{background:#f9f9f9}
.menu-item a{text-decoration:none;color:#333;display:flex;align-items:center;width:100%}
.menu-item .menu-icon{
    width:40px;height:40px;background-color:var(--side-menu-color);border-radius:50%;display:flex;justify-content:center;align-items:center;
    margin-left:10px;color:#fff;font-size:18px;aspect-ratio:1/1;
}

@media (max-width:767px){
    .show_text_hovered_no_mobile{bottom:88px!important}
    .side-button-right.show_text_hovered_no_mobile{bottom:15px!important}
}
@media (hover:hover){
    .show_text_hovered_no_mobile{transition:all .5s}
    .show_text_hovered_no_mobile:hover{width:var(--side-btn-width)!important}
    .show_text_small:hover{width:135px!important}
}