.whatsapp-chat{
  position:fixed;
  right:18px;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:80;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:10px 14px 10px 12px;
  border-radius:999px;
  background:#0b8f61;
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 14px 34px rgba(8,117,77,.24);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:950;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.whatsapp-chat:hover{
  transform:translateY(-2px);
  background:#08754d;
  box-shadow:0 18px 42px rgba(8,117,77,.30);
}
.whatsapp-chat:focus-visible{
  outline:3px solid rgba(14,168,107,.24);
  outline-offset:3px;
}
.whatsapp-chat__icon{
  position:relative;
  width:24px;
  height:24px;
  display:block;
  flex:0 0 auto;
}
.whatsapp-chat__icon:before{
  content:"";
  position:absolute;
  left:2px;
  top:4px;
  width:20px;
  height:15px;
  background:#fff;
  border-radius:9px;
}
.whatsapp-chat__icon:after{
  content:"";
  position:absolute;
  left:6px;
  bottom:2px;
  width:8px;
  height:8px;
  background:#fff;
  clip-path:polygon(0 0,100% 0,16% 100%);
  transform:rotate(8deg);
}
.whatsapp-chat__icon span{
  position:absolute;
  left:7px;
  top:10px;
  z-index:2;
  width:3px;
  height:3px;
  border-radius:999px;
  background:#0b8f61;
  box-shadow:5px 0 0 #0b8f61,10px 0 0 #0b8f61;
}
.whatsapp-chat:hover .whatsapp-chat__icon span{
  background:#08754d;
  box-shadow:5px 0 0 #08754d,10px 0 0 #08754d;
}
@media(max-width:640px){
  .whatsapp-chat{
    right:14px;
    bottom:calc(14px + env(safe-area-inset-bottom));
    min-height:44px;
    padding:10px 13px 10px 11px;
    font-size:13px;
  }
  .whatsapp-chat__icon{
    width:23px;
    height:23px;
  }
}