/* Common style for floating buttons */
.float-btn {
  position: fixed;
  width: 55px;
  height: 55px;
  bottom: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 26px;
  line-height: 55px;
  color: #fff;
  z-index: 999;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}

/* Call button (left) */
.call-btn {
  left: 20px;
  background: #007bff; /* Blue */
}

/* WhatsApp button (right) */
.whatsapp-btn {
  right: 20px;
  background: #25d366; /* WhatsApp green */
}

/* Hover effect */
.float-btn:hover {
  transform: scale(1.15) rotate(10deg);
  box-shadow: 0 6px 12px rgba(0,0,0,0.4);
  opacity: 0.9;
}