.wa-float {
  position: fixed;
  bottom: -15px;
  right: -20px;
  width: 170px;
  z-index: 9999;

  /* Gabungan animasi */
  animation:
    floatUpDown 3s ease-in-out infinite,
    shakeHigh 5s ease-in-out infinite,
    zoomPulse 2.5s ease-in-out infinite;
 
  transition: transform 0.3s ease;
}


/* Tombol Floating WhatsApp */
.wa-float {
  position: fixed;
  right: -50px;
  bottom: -40px;
  width: 225px;
  z-index: 9999;
  animation: floatBounce 2.5s infinite;
  transition: transform 0.3s ease;
}

.wa-float img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

/* Efek hover */
.wa-float:hover {
  transform: scale(1.05);
}

/* Animasi melayang */
@keyframes floatBounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* Responsif Mobile */
@media (max-width: 600px) {
  .wa-float {
    width: 250px;
    right: -15px;
    bottom: 15px;
  }
}

.shake {
  animation: shake 0.8s infinite alternate;
}

@keyframes shake {
  0% { transform: rotate(-2deg); }
  100% { transform: rotate(2deg); }
}

/* Mobile */
@media (max-width: 768px) {
  .wa-float {
    width: 200px;
    bottom: -40px;
    right: -50px;
  }
}

/* SHAKE vertikal (high shake) */
@keyframes shakeHigh {
  0%, 90%, 100% { transform: translateY(0); }
  92% { transform: translateY(-6px); }
  94% { transform: translateY(6px); }
  96% { transform: translateY(-6px); }
  98% { transform: translateY(6px); }
}


.szoom-Pulse {
  animation: zoomPulse 5.5s ease-in-out infinite;
}

/* ZOOM IN OUT */
@keyframes zoomPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}

.rotate-loop {
  animation: rotateLeftRight 2.8s ease-in-out infinite;
  transform-origin: center bottom; /* terlihat natural */
}

@keyframes rotateLeftRight {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(-6deg); }
  50%  { transform: rotate(6deg); }
  75%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}