/* ======================================
   FLOATING WHATSAPP
====================================== */

.floating-whatsapp{

  position:fixed;

  right:28px;
  bottom:28px;

  width:72px;
  height:72px;

  border-radius:50%;

  display:flex;
  justify-content:center;
  align-items:center;

  text-decoration:none;

  z-index:99999;

  background:
  linear-gradient(
  135deg,
  #25d366,
  #18b955
  );

  color:#fff;

  font-size:2rem;

  box-shadow:

  0 0 0 rgba(37,211,102,0.6),

  0 18px 45px rgba(37,211,102,0.35),

  inset 0 2px 4px rgba(255,255,255,0.18);

  transition:
  .35s ease;

  animation:
  whatsappPulse 2.8s infinite;

}

/* hover */

.floating-whatsapp:hover{

  transform:
  translateY(-5px)
  scale(1.06);

  box-shadow:

  0 0 35px rgba(37,211,102,0.7),

  0 22px 55px rgba(37,211,102,0.45);

}

/* pulse */

@keyframes whatsappPulse{

  0%{

    box-shadow:

    0 0 0 0 rgba(37,211,102,0.55),

    0 18px 45px rgba(37,211,102,0.35);

  }

  70%{

    box-shadow:

    0 0 0 18px rgba(37,211,102,0),

    0 18px 45px rgba(37,211,102,0.35);

  }

  100%{

    box-shadow:

    0 0 0 0 rgba(37,211,102,0),

    0 18px 45px rgba(37,211,102,0.35);

  }

}

/* mobile */

@media(max-width:768px){

  .floating-whatsapp{

    width:64px;
    height:64px;

    right:18px;
    bottom:18px;

    font-size:1.7rem;

  }

}