/* CSS Document */

/* Add WA floating button CSS */
.floatingWA {
position: fixed;
width: 60px;
height: 60px;
bottom: 20px;
right: 65px;
background-color: var(--accent-color);
border-radius: 50px;
text-align: center;
z-index: 99999;
}

.floatingWA i {
  font-size: 40px;
  color: var(--contrast-color);
}

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

.floatingWA.active {
  visibility: visible;
  opacity: 1;
}