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

.assono-chatbot-button__tip {
  fill: #006ab2;
}

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

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

.assono-chatbot-button__image {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
}

.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;
}

/* Do not hide messages on mobile; a single message should be shown */
/* Hide messages when the screen is too small 
@media (max-width: 719px), (max-height: 599px) {
  .assono-chatbot-button__greeting {
    display: none;
  }
}
*/

/* Do not change badge behavior on small screens */
/* 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 {
  margin-bottom: 20px !important;
}