.float{
	   position: fixed;
      bottom: 40px;
      right: 40px;
      background-color: #25d366;
      color: #fff;
      text-align: center;
      font-size: 26px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
      cursor: pointer;
      z-index: 100;

  /* Animación */
      animation: morph 8s infinite;
	  /* Sombra más fuerte */
  box-shadow: 0 8px 20px rgba(0,0,0,0.65);
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
  box-shadow: 0 12px 28px rgba(0,0,0,0.85);
}



 .float i {
      margin: 0 8px;
    }

	  /* Animación de cambio de formas */
    @keyframes morph {
      0% {
        width: 50px;
        height: 50px;
        border-radius: 50%;   /* forma circular */
      }
      33% {
        width: 160px;
        height: 35px;
        border-radius: 10px;  /* rectangular con esquinas redondeadas */
      }
      66% {
        width: 60px;
        height: 60px;
        border-radius: 15px;  /* parecido al ícono de WhatsApp */
      }
      100% {
        width: 50px;
        height: 50px;
        border-radius: 50%;   /* vuelve a círculo */
      }
    }