.floating-btn{background:#106b98;height:60px;width:60px;position:fixed;top:50%;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease;user-select:none}.floating-btn span{font-size:40px;transition:transform .3s ease}.floating-btn.rotate span{transform:rotate(45deg);transition:transform .3s ease}.side-menu{background-color:#2c9cd5;position:fixed;top:50%;right:0;z-index:100;width:60px;height:150px;display:flex;align-items:center;justify-content:flex-end;transition:transform .3s ease,opacity .3s ease;color:#fff;opacity:0;transform:translateY(-50%) scaleY(0);pointer-events:none}.side-menu.open{opacity:1;pointer-events:auto;transform:translateY(-50%) scaleY(1)}.menu-content{padding:10px}.side-menu .menu-icons{display:flex;flex-direction:column;width:100%;text-align:center;margin:5px 0;opacity:0;transition:transform .3s ease,opacity .3s ease;height:-webkit-fill-available;justify-content:space-around}.side-menu .menu-icon{opacity:1;height:2rem}.side-menu.open .menu-icons{opacity:1;transform:scaleY(1)}.menu-content{height:inherit;width:inherit}#sideMenuUp{border-radius:10px 0 0}#sideMenuDown{border-radius:0 0 0 10px}.menu-icon i{font-size:1.3rem}.click-menu.open .hover-menu{width:100px}.click-menu.open .hover-tray{right:0}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,107,152,.4)}70%{box-shadow:0 0 0 15px rgba(16,107,152,0)}100%{box-shadow:0 0 0 0 rgba(16,107,152,0)}}.pulsating-border{animation:pulse 1s infinite}