.tc-whatsapp-float{
  box-sizing:border-box;
  position:fixed;
  z-index:90000;
  right:calc(26px + env(safe-area-inset-right,0px));
  bottom:calc(26px + env(safe-area-inset-bottom,0px) + var(--tc-whatsapp-avoid-bottom,0px));
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  box-shadow:0 7px 21px rgb(0 0 0 / .18);
  transition:background-color .18s ease,box-shadow .18s ease,transform .12s ease;
}
.tc-whatsapp-float svg{display:block;width:27px;height:27px}
.tc-whatsapp-float::after{content:"";box-sizing:border-box;position:absolute;inset:0;border:3px solid #25D366;border-radius:inherit;pointer-events:none;opacity:0;transform:scale(1)}
.tc-whatsapp-float.is-attention{animation:tc-wa-breathe 2.6s ease-in-out 2}
.tc-whatsapp-float.is-attention::after{animation:tc-wa-ripple 1.9s ease-out 2}
.tc-whatsapp-float.is-attention.is-settled,.tc-whatsapp-float.is-attention.is-settled::after{animation-iteration-count:1}
@keyframes tc-wa-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes tc-wa-ripple{0%{opacity:.52;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
@media(hover:hover){.tc-whatsapp-float:hover{background:#1fbd59;color:#fff;box-shadow:0 9px 25px rgb(0 0 0 / .23);transform:scale(1.03)}}
.tc-whatsapp-float.is-attention:is(:hover,:focus-visible,:active){animation:none}
.tc-whatsapp-float.is-attention:is(:hover,:focus-visible,:active)::after{animation:none;opacity:0}
.tc-whatsapp-float:active{transform:scale(.96)}
.tc-whatsapp-float:focus-visible{outline:3px solid #17402b;outline-offset:3px}
body:has(#tc-rfq-modal:not([hidden])) .tc-whatsapp-float{visibility:hidden;pointer-events:none;animation:none}
body:has(#tc-rfq-modal:not([hidden])) .tc-whatsapp-float::after{animation:none;opacity:0}
@media(max-width:599px){
  .tc-whatsapp-float{
    right:calc(16px + env(safe-area-inset-right,0px));
    bottom:calc(16px + env(safe-area-inset-bottom,0px) + var(--tc-whatsapp-avoid-bottom,0px));
    width:52px;
    height:52px;
  }
  .tc-whatsapp-float svg{width:26px;height:26px}
  .tc-whatsapp-float::after{border-width:2px}
  .tc-whatsapp-float.is-attention{animation-name:tc-wa-breathe-mobile}
  .tc-whatsapp-float.is-attention::after{animation-name:tc-wa-ripple-mobile}
}
@keyframes tc-wa-breathe-mobile{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes tc-wa-ripple-mobile{0%{opacity:.4;transform:scale(1)}100%{opacity:0;transform:scale(1.32)}}
@media(prefers-reduced-motion:reduce){.tc-whatsapp-float,.tc-whatsapp-float::after{animation:none!important;transition:none!important;transform:none!important}.tc-whatsapp-float::after{opacity:0!important}}
