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

.assono-chatbot-button__message {
  background-color: #004899;
}

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

.assono-chatbot-button__wrapper {
  align-items: center;
  flex-direction: row-reverse;
}

.assono-chatbot-button__tip {
  left: auto;
  right: 0.75em;
  transform: scaleX(-1);
}
@media (prefers-reduced-motion: no-preference) {
  .assono-chatbot-button--animated .assono-chatbot-button__wrapper {
    animation: bounce 0.85s ease-in 6 alternate;
  }
}

.assono-chatbot-button__greeting {
  align-items: flex-end;
}

/* 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;
  }
}

/* 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;
  }
}

.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 {
  height: 8rem !important;
}

.assono-chatbot-button:hover {
  background-color: transparent !important;
  border-color: transparent !important;
}