/* Custom CSS */

#whatsapp_chat {
  position: fixed;
  bottom: 22px;
  right: 42px;
  width: 60px;
  height: 60px;
  display: grid;
  align-content: center;
  justify-content: center;
  background: #25d366;
  border-radius: 50px;
  box-shadow: 0 0 5px rgb(0 0 0 / 40%);
  color: #fff;
  font-size: 24px;
  z-index: 100000;
}
#whatsapp_chat:hover {
  opacity: 0.8;
}

#whatsapp_chat {
  animation: floatAnimation 3s ease-in-out infinite;
}
#whatsapp_chat img {
  width: 100%;
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  #whatsapp_chat {
    bottom: 42px;
    right: 62px;
  }
}