#BtnWhatsapp {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 10;
  background: #59ce72;
  border-radius: 50%;
  width: 1px; /* Ancho inicial */
  height: 1px; /* Altura inicial */
  cursor: pointer;
  transition: width 1s, height 1s;
  z-index: 5;
}

#BtnWhatsapp.expanded {
  width: 60px; /* Ancho al hacer scroll */
  height: 60px; /* Altura al hacer scroll */
}

#BtnWhatsapp a {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-48%, -52%);
  text-decoration: none; /* Si deseas quitar el subrayado */
  opacity: 0; /* Inicialmente oculto */
  transition: opacity 0.5s; /* Transición suave para la opacidad */
}

#BtnWhatsapp.expanded a {
  opacity: 1; /* Mostrar el icono cuando se expande el contenedor */
}

#BtnWhatsapp a svg {
  fill: white;
  height: 50px;
  width: 50px;
}

#BtnWhatsapp:hover {
  background: #215c54;
  transition: background 0.6s; /* Solo transición para el color de fondo */
}

@media (max-width: 1023px) {
  #BtnWhatsapp {
    z-index: 5;
    right: 10px;
    bottom: 10px;
  }

  #BtnWhatsapp.expanded {
    width: 48px; /* Ancho al hacer scroll */
    height: 48px; /* Altura al hacer scroll */
  }

#BtnWhatsapp a svg {
  fill: white;
  height: 43px;
  width: 43px;
}
}