.whatsapp-float{
  position:fixed;
  right:max(22px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  z-index:30;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  padding:12px 18px 12px 14px;
  border-radius:999px;
  background:#25d366;
  color:#102d1b;
  box-shadow:0 12px 34px rgba(20,58,34,.24);
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:transform .2s,background .2s,box-shadow .2s;
}

.whatsapp-float:hover{
  background:#20bd5a;
  color:#0b2515;
  transform:translateY(-2px);
  box-shadow:0 15px 38px rgba(20,58,34,.3);
}

.whatsapp-float svg{
  width:27px;
  height:27px;
  flex:0 0 27px;
}

@media(max-width:700px){
  .whatsapp-float{
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    min-height:54px;
    padding:11px 16px 11px 13px;
    font-size:13px;
  }
}