.floating-whatsapp {
  z-index: 90 !important;
  width: 68px !important;
  height: 68px !important;
  min-width: 68px !important;
  min-height: 68px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  color: #fff !important;
  background: #25d366 !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  isolation: isolate;
  overflow: visible !important;
  box-shadow: 0 14px 30px rgba(20, 155, 69, .32), 0 0 0 2px rgba(37, 211, 102, .2) !important;
  transform-origin: 70% 75%;
  animation: vip-whatsapp-v15-1-nudge 5.2s cubic-bezier(.36, .07, .19, .97) infinite !important;
  transition: background-color 160ms ease, box-shadow 160ms ease, scale 160ms ease !important;
  -webkit-tap-highlight-color: transparent;
  will-change: transform;
}

.floating-whatsapp::before {
  width: 43px;
  height: 43px;
  display: block;
  content: "";
  background-image: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/icons/whatsapp.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}

.floating-whatsapp::after {
  position: absolute;
  inset: -6px;
  z-index: -1;
  content: "";
  border: 2px solid rgba(37, 211, 102, .4);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  animation: vip-whatsapp-v15-1-halo 5.2s ease-out infinite;
}

.floating-whatsapp:hover,
.floating-whatsapp:focus-visible {
  background: #1ebe5d !important;
  box-shadow: 0 17px 36px rgba(20, 155, 69, .38), 0 0 0 3px rgba(37, 211, 102, .2) !important;
  scale: 1.04;
  animation-play-state: paused !important;
}

.floating-whatsapp:focus-visible {
  outline: 3px solid #ffde5a;
  outline-offset: 4px;
}

@keyframes vip-whatsapp-v15-1-nudge {
  0%, 84%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  87% { transform: translate3d(-1px, 0, 0) rotate(-2deg); }
  90% { transform: translate3d(2px, 0, 0) rotate(2deg); }
  93% { transform: translate3d(-1px, 0, 0) rotate(-1.2deg); }
  96% { transform: translate3d(1px, 0, 0) rotate(.8deg); }
}

@keyframes vip-whatsapp-v15-1-halo {
  0%, 83%, 100% { opacity: 0; transform: scale(.96); }
  87% { opacity: .9; }
  97% { opacity: 0; transform: scale(1.15); }
}

@media (max-width: 620px) {
  .floating-whatsapp {
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    right: 18px !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
  }

  .floating-whatsapp::before {
    width: 39px;
    height: 39px;
  }
}