.floating-buttons {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 999;
}

.float-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: white;
  font-size: 20px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: background 0.3s, transform 0.2s;
  text-decoration: none;
}

.float-btn:hover {
  transform: scale(1.1);
}

.whatsapp {
  background-color: #25D366;
}

.phone {
  background-color: #007BFF;
}

.map {
  background-color: #FF5722;
}

/* end of social-links*/