.wa-float,
.wa,
.whatsapp {
  position: fixed !important;
  bottom: 26px !important;
  left: 26px !important;
  z-index: 1000 !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.42) 0 7%, transparent 28%),
    linear-gradient(145deg, #42ed7c 0%, #25d366 42%, #16ad4d 72%, #087f34 100%) !important;
  border: 2px solid rgba(255,255,255,.72) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow:
    inset 0 3px 4px rgba(255,255,255,.48),
    inset 0 -7px 10px rgba(0,91,36,.38),
    inset 3px 0 6px rgba(255,255,255,.16),
    0 10px 22px rgba(9,128,53,.46) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
  color: #fff !important;
}
.wa-float:hover,
.wa:hover,
.whatsapp:hover {
  transform: translateY(-3px) scale(1.08) !important;
  box-shadow:
    inset 0 3px 4px rgba(255,255,255,.55),
    inset 0 -7px 10px rgba(0,91,36,.34),
    inset 3px 0 6px rgba(255,255,255,.2),
    0 14px 27px rgba(9,128,53,.5) !important;
}
.wa-float:active,
.wa:active,
.whatsapp:active {
  transform: translateY(5px) scale(.98) !important;
  box-shadow:
    inset 0 3px 5px rgba(255,255,255,.32),
    inset 0 -4px 8px rgba(0,91,36,.38),
    inset 2px 0 5px rgba(255,255,255,.14),
    0 5px 12px rgba(9,128,53,.34) !important;
}
.wa-float svg,
.wa svg,
.whatsapp svg {
  width: 30px !important;
  height: 30px !important;
  fill: #fff !important;
  filter: drop-shadow(0 2px 1px rgba(0,70,28,.4)) !important;
}
@media (max-width: 768px) {
  .wa-float,
  .wa,
  .whatsapp {
    left: 20px !important;
    bottom: calc(42px + env(safe-area-inset-bottom, 0px)) !important;
  }
}