
/* THE ELITE JO V24 — approved design 1: glass circles with synchronised subtle animation */
.float-buttons{gap:14px!important;isolation:isolate}
.float-buttons .float-btn,
.float-buttons .float-btn.wa,
.float-buttons .float-btn.call{
 --ring:#27f5c6;
 position:relative!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:62px!important;height:62px!important;min-width:62px!important;
 padding:0!important;gap:0!important;box-sizing:border-box!important;
 border-radius:50%!important;border:2px solid var(--ring)!important;
 color:#fff!important;
 background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.24),transparent 38%),linear-gradient(145deg,rgba(5,142,112,.95),rgba(1,36,47,.97))!important;
 box-shadow:inset 0 2px 6px #ffffff3a,inset 0 -8px 16px #001b25aa,0 0 0 3px #061d2cb5,0 0 17px #22efbf85,0 9px 22px #0009!important;
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
 text-decoration:none!important;
 transition:transform .25s ease,box-shadow .25s ease!important;
 animation:eliteGlassPulse 3s ease-in-out infinite!important;
}
.float-buttons .float-btn.call{
 --ring:#28caff;
 background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.22),transparent 38%),linear-gradient(145deg,rgba(8,112,165,.94),rgba(1,25,53,.98))!important;
 box-shadow:inset 0 2px 6px #ffffff32,inset 0 -8px 16px #00142aaa,0 0 0 3px #061d2cb5,0 0 17px #22aaff85,0 9px 22px #0009!important;
}
.float-buttons .float-btn::before{
 content:"";position:absolute;inset:-6px;border-radius:50%;pointer-events:none;
 background:conic-gradient(from 0deg,transparent 0deg,transparent 235deg,var(--ring) 285deg,transparent 330deg);
 -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
 mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
 animation:eliteGlassOrbit 9s linear infinite;
}
.float-buttons .float-btn::after{
 content:"";position:absolute;inset:3px;border-radius:50%;pointer-events:none;
 background:linear-gradient(115deg,transparent 27%,rgba(255,255,255,.27) 48%,transparent 62%);
 opacity:0;transform:translateX(-35%);
 animation:eliteGlassShine 6s ease-in-out infinite;
}
.float-buttons .float-btn svg{width:29px!important;height:29px!important;flex-shrink:0;position:relative;z-index:2;filter:drop-shadow(0 1px 2px #0008)}
.float-buttons .float-btn:hover,.float-buttons .float-btn:focus-visible{
 transform:scale(1.05)!important;
 box-shadow:inset 0 2px 6px #ffffff55,0 0 0 3px #061d2cb5,0 0 29px var(--ring),0 11px 26px #000a!important;
}
.float-buttons .float-btn:active{transform:scale(.94)!important}
.float-buttons .float-btn:focus-visible{outline:2px solid #fff;outline-offset:8px}
@keyframes eliteGlassPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}
@keyframes eliteGlassOrbit{to{transform:rotate(360deg)}}
@keyframes eliteGlassShine{0%,60%,100%{opacity:0;transform:translateX(-35%)}72%{opacity:.65}85%{opacity:0;transform:translateX(35%)}}
@media(max-width:600px){
 .float-buttons .float-btn,.float-buttons .float-btn.wa,.float-buttons .float-btn.call{
 width:54px!important;height:54px!important;min-width:54px!important}
 .float-buttons .float-btn svg{width:26px!important;height:26px!important}
}
@media(prefers-reduced-motion:reduce){
 .float-buttons .float-btn,.float-buttons .float-btn::before,.float-buttons .float-btn::after{animation:none!important}
}
