.whatsapp-contact-button{
  position:fixed;
  right:max(24px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom));
  z-index:40;
  display:inline-flex;
  width:50px;
  height:50px;
  min-height:50px;
  padding:0;
  align-items:center;
  justify-content:center;
  gap:0;
  border:1px solid rgba(160,224,190,.48);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(18,93,66,.96),rgba(11,65,49,.98));
  box-shadow:0 8px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.09);
  color:#f3fff8;
  font-family:inherit;
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
  line-height:1;
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.whatsapp-contact-button svg{display:block;width:21px;height:21px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-contact-button:hover{transform:translateY(-2px);border-color:rgba(190,245,211,.72);background:linear-gradient(145deg,rgba(22,112,78,.98),rgba(13,77,57,.99));box-shadow:0 11px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.12)}
.whatsapp-contact-button:focus-visible{outline:2px solid #c1f4d5;outline-offset:4px}
@media(max-width:600px){
  .whatsapp-contact-button{
    right:max(16px,env(safe-area-inset-right));
    bottom:calc(max(18px,env(safe-area-inset-bottom)) + 66px);
    width:48px;
    height:48px;
    min-height:48px;
  }
  .whatsapp-contact-button svg{width:23px;height:23px}
}
@media(prefers-reduced-motion:reduce){.whatsapp-contact-button{transition:none}.whatsapp-contact-button:hover{transform:none}}