/* Floating WhatsApp Button */
.floating-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  display: block;
  opacity: 0;
  transform: translateY(100%);
  animation: slideUp 0.5s ease-out 1s forwards;
}

.floating-whatsapp img {
  display: block;
  width: 300px;
  height: auto;
  max-width: 80vw;
}

@media (max-width: 768px) {
  .floating-whatsapp {
    bottom: 10px;
    right: 10px;
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}