.floating-menu {
   position: fixed;
   bottom: 80px;
   left: 50%;
   transform: translateX(-50%);
   background: rgba(20, 97, 204, 0.8);
   border-radius: 25px;
   padding: 8px 16px;
   display: flex;
   align-items: center;
   gap: 12px;
   z-index: 1000;
   box-shadow: 0 8px 32px rgba(20, 97, 204, 0.2);
   border: 1px solid rgba(130, 167, 218, 0.5);
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
}

.floating-menu.visible {
   opacity: 1;
   visibility: visible;
}

.floating-menu.fade {
   opacity: 0;
}

.floating-menu__telegram {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40px;
   height: 40px;
   background: transparent;
   border-radius: 50%;
   text-decoration: none;
   transition: all 0.3s ease;
}

.floating-menu__telegram:hover {
   transform: scale(1.2);
}

.floating-menu__telegram svg {
   width: 22px;
   height: 22px;
   fill: white;
}

.floating-menu__button {
   background: rgba(255, 255, 255, 0.9) !important;
   color: #1461cc !important;
   padding: 8px 20px;
   border-radius: 20px;
   text-decoration: none;
   font-weight: 500;
   font-size: 14px;
   display: flex;
   align-items: center;
   gap: 8px;
   transition: all 0.3s ease;
   border: none;
   cursor: pointer;
}

.floating-menu__button:hover {
   transform: scale(1.05);
   background: rgba(255, 255, 255, 1) !important;
   box-shadow: 0 4px 12px rgba(20, 97, 204, 0.2);
}

.floating-menu__button svg {
   width: 16px;
   height: 16px;
   stroke: currentColor;
   fill: none;
}