.whatsapp-button {
  position: fixed;
  bottom: 120px;
  right: 30px;
  width: 57px;              /* ancho del botón */
  height: 57px;             /* alto del botón */
  background-color: #25D366;
  border-radius: 50%;       /* hace que sea completamente redondo */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.2);
  transition: background 0.3s, transform 0.2s;
  z-index: 1000;
  text-decoration: none;
}

.whatsapp-button:hover {
  background-color: #1ebe5d;
  transform: scale(1.1);    /* efecto hover */
}


.whatsapp-button img {
  width: 30px;              /* tamaño del ícono dentro del botón */
  height: 30px;
}

.whatsapp-button i {
  color: white;       /* ícono blanco */
  font-size: 30px;    /* tamaño del ícono */
}