.assono-chatbot-button:focus-visible {
  outline: none;
}

.assono-chatbot-button__content {
  position: relative;
}

.assono-chatbot-button__content:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 1px 2px 4px hsla(0, 0%, 0%, 0.25);
  border-radius: 9999px;
}

.assono-chatbot-button__image {
  box-shadow: none;
  transition: transform 0.4s ease;
}

.assono-chatbot-button__wrapper {
  align-items: center;
}

.assono-chatbot-button__wrapper:hover .assono-chatbot-button__image {
  transform: scale(1.1);
}

.assono-chatbot-button__message {
  background: #003764;
}

.assono-chatbot-button__tip {
  fill: #003764;
}

.assono-chatbot-button__badge {
  background: #ea344d;
}

/* Hide messages if the chat window was previously opened */
.assono-chatbot-button--used .assono-chatbot-button__greeting {
  display: none;
}

/* Hide messages when the screen is too small */
@media (max-width: 719px), (max-height: 599px) {
  .assono-chatbot-button__greeting {
    display: none;
  }
}

/* Always hide badge */
.assono-chatbot-button__badge {
  display: none;
}

/* Hide badge if the chat window has not been opened yet and there are messages next to it */
/* @media (min-width: 720px) and (min-height: 600px) {
  .assono-chatbot-button--messages:not(.assono-chatbot-button--used)
    .assono-chatbot-button__badge {
    display: none;
  }
} */

@media (prefers-reduced-motion: no-preference) {
  .assono-chatbot-button--animated .assono-chatbot-button__content {
    animation: bounce 0.85s ease-in 6 alternate;
  }

  .assono-chatbot-button--animated .assono-chatbot-button__wrapper {
    animation: none;
  }
}

/* Hide footer if user scrolls to the bottom of the page */
.assono-chatbot-button--hide-greeting .assono-chatbot-button__greeting {
  display: none;
}