.rq-whatsapp-chat-container {
  position: fixed;
  z-index: 1000;
}

.rq-whatsapp-chat-container a {
  font-size: 0.26em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6em;
  text-decoration: none;
}

.rq-whatsapp-chat-container span {
  line-height: normal;
  padding: 0.34em 1em;
  border-radius: 32px;
  /* font-weight: bolder; */
}

.align-right {
  right: 15px;
}

.align-left {
  left: 15px;
}

.row-reverse {
  flex-direction: row-reverse;
}

.bounce {
  animation: bounce-animation 2s infinite;
}

.shake {
  animation: shake-animation 3s ease infinite;
}

.rq-whatsapp-chat-container div:has(svg) {
  position: relative;
  display: inline-block;
}

.rq-whatsapp-chat-container svg {
  display: block;
}

.pulse div:has(svg)::before {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: var(--pulse-color, #68d549); 
  animation: pulse-animation 2s ease-out infinite;
  z-index: -2;
}

.pulse div:has(svg)::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%;
  background-color: var(--pulse-color, #68d549); 
  animation: pulse-animation 2s 0.35s ease-out infinite;
  z-index: -1;
}

@keyframes bounce-animation {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}

@keyframes shake-animation {
  0% {
    transform: translate(0, 0);
  }
  1.78571% {
    transform: translate(7px, 0);
  }
  5.57143% {
    transform: translate(0, 0);
  }
  7.35714% {
    transform: translate(7px, 0);
  }
  9.14286% {
    transform: translate(0, 0);
  }
  10.92857% {
    transform: translate(7px, 0);
  }
  12.71429% {
    transform: translate(0, 0);
  }
  14.92857% {
    transform: translate(7px, 0);
  }
  16.71429% {
    transform: translate(0, 0);
  }
  18.92857% {
    transform: translate(7px, 0);
  }
  20.71429% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes pulse-animation {
  from {
    opacity: 1;
    transform: scale3d(0.75, 0.75, 1);
  }

  to {
    opacity: 0;
    transform: scale3d(2, 2, 1);
  }
}