/*--------------------------------------------------------------
# WhatsApp Chat Button
--------------------------------------------------------------*/
.whatsapp-btn {
  position: fixed;
  right: 15px;
  bottom: 70px;
  z-index: 99999;
  background-color: var(--accent-color);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

.whatsapp-btn i {
  font-size: 24px;
  color: var(--contrast-color);
  line-height: 0;
}

.whatsapp-btn:hover {
  background-color: color-mix(in srgb, var(--accent-color), transparent 20%);
  color: var(--contrast-color);
}

.whatsapp-btn.active {
  visibility: visible;
  opacity: 1;
  bottom: 15px;
}