.whatsapp-float {
  position: fixed;        /* fijo en la pantalla */
  bottom: 20px;           /* 20px desde el borde inferior */
  right: 20px;            /* 20px desde el borde derecho */
  width: 60px;            /* ancho del botón */
  height: 60px;           /* alto del botón */
  background-color: #25D366; /* color verde WhatsApp */
  border-radius: 50%;     /* botón redondo */
  display: flex;          /* para centrar el ícono */
  align-items: center;    /* centra verticalmente */
  justify-content: center;/* centra horizontalmente */
  text-decoration: none;  /* quita subrayado de enlace */
  box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* sombra opcional */
  opacity: 0;             /* inicial oculto para animación JS */
  transition: opacity 0.5s; /* transición suave */
  z-index: 1000;          /* encima de otros elementos */
  cursor: pointer;        /* cursor tipo mano */
}

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