.whatsapp-float{
  position:fixed;
  right:max(22px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  z-index:40;
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:calc(100vw - 32px);
  min-height:50px;
  padding:7px 7px 7px 18px;
  border:1px solid rgba(47,82,32,.18);
  border-radius:999px;
  background:#fff;
  color:#1a1d18;
  box-shadow:0 10px 28px rgba(21,23,15,.2);
  font:700 13px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.whatsapp-float:hover{
  transform:translateY(-2px);
  border-color:rgba(47,82,32,.36);
  box-shadow:0 14px 34px rgba(21,23,15,.24);
}
.whatsapp-float:focus-visible{
  outline:3px solid #4a7332;
  outline-offset:4px;
  border-radius:999px;
}
.whatsapp-float__icon{
  display:grid;
  flex:0 0 36px;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  background:#25d366;
  color:#fff;
}
.whatsapp-float__icon svg{width:22px;height:22px;fill:currentColor}
@media(max-width:620px){
  .whatsapp-float{
    right:50%;
    bottom:max(14px,env(safe-area-inset-bottom));
    min-height:48px;
    transform:translateX(50%);
  }
  .whatsapp-float:hover{transform:translate(50%,-2px)}
}
@media(max-width:340px){
  .whatsapp-float{padding-left:14px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .whatsapp-float{transition-duration:.01ms}
}