/*Estilos generales del boton whatsapp*/
.whatsapp-btn {
  position: fixed;
  bottom: 12px;
  right: 70px;

	
  z-index: 9999;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(255,255,255,1);
  animation: breathe 2s ease-in-out infinite;
}

/*Estilos solo al icono whatsapp*/
.whatsapp-btn i {
  color: #ffffff;
  font-size: 6.5px;
  animation: beat 2s ease-in-out infinite;
  text-decoration: none;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe {
  0% {
    box-shadow: 0 0 0 1 rgba(37,211,102,0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37,211,102,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {
    transform: scale(5);
  }
  50% {
    transform: scale(5.5);
  }
  100% {
    transform: scale(5);
  }
}