/* Floating Contact Button */
.fcb{position:fixed;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:inherit;line-height:1;-webkit-tap-highlight-color:transparent}
.fcb *,.fcb *::before,.fcb *::after{box-sizing:border-box}
.fcb svg{display:block;flex:none}

/* Expanding menu */
.fcb-menu{display:flex;flex-direction:column;align-items:center;gap:12px;transform-origin:bottom center;
  opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.fcb.is-open .fcb-menu{opacity:1;transform:none;pointer-events:auto}

.fcb-item{width:56px;height:56px;border-radius:9999px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transition:transform .15s ease;text-decoration:none!important}
.fcb-item:hover{transform:scale(1.1)}
.fcb-item:active{transform:scale(.95)}
.fcb-item--light{background:#fff;border:1px solid #e7e5e4;color:var(--fcb-icon)}
.fcb-item--wa{background:#25d366;border:0}

/* Main toggle */
.fcb-toggle{all:unset;box-sizing:border-box;cursor:pointer;width:64px;height:64px;border-radius:9999px;display:flex;align-items:center;justify-content:center;
  background:var(--fcb-btn);color:var(--fcb-btn-icon);position:relative;
  box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transition:transform .3s ease,background-color .3s ease}
.fcb-toggle:hover{transform:scale(1.05)}
.fcb-toggle:active{transform:scale(.95)}
.fcb-toggle:focus-visible,.fcb-item:focus-visible{outline:2px solid var(--fcb-btn);outline-offset:3px}
.fcb-ico{display:flex;align-items:center;justify-content:center}
.fcb-ico svg{width:26px;height:26px}
.fcb-ico--close{display:none}
.fcb-ico--close svg{width:22px;height:22px}

.fcb.is-open .fcb-toggle{background:var(--fcb-open);transform:rotate(45deg)}
.fcb.is-open .fcb-toggle:hover{transform:rotate(45deg) scale(1.05)}
.fcb.is-open .fcb-ico--mail{display:none}
.fcb.is-open .fcb-ico--close{display:flex}

/* Label */
.fcb-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-align:center;line-height:1.25;color:var(--fcb-label);text-transform:uppercase}
.fcb.is-open .fcb-label{display:none}

@media (min-width:640px){
  .fcb-item{width:48px;height:48px}
  .fcb-toggle{width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){
  .fcb-menu,.fcb-toggle,.fcb-item{transition:none}
}