/* Styling Utama Tombol WhatsApp */
.wa-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 30px;
  right: 30px;
  background-color: #25d366; /* Warna Hijau Khas WhatsApp */
  color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  z-index: 9999; /* Pastikan selalu berada di lapisan paling atas */
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  animation: wa-pulse 2s infinite; /* Efek denyut */
}

/* Ukuran Ikon SVG */
.wa-float svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
}

/* Efek Saat Kursor Diarahkan (Hover) */
.wa-float:hover {
  background-color: #128c7e; /* Hijau yang lebih gelap */
  transform: translateY(-4px); /* Efek terangkat sedikit */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* Animasi Pulse (Denyut) */
@keyframes wa-pulse {
  0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
  70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* Responsif untuk Layar HP */
@media (max-width: 480px) {
  .wa-float {
    width: 50px;
    height: 50px;
    bottom: 20px; /* Jarak dari bawah diperkecil di HP */
    right: 20px;  /* Jarak dari kanan diperkecil di HP */
  }
  .wa-float svg {
    width: 26px;
    height: 26px;
  }
}