.assono-chatbot-button__message {
  background-color: #014987;
  border-radius: 12px;
}

.assono-chatbot-button__tip {
  fill: hsl(208, 99%, 27%);
}

.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.5em;
  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 {
  padding-bottom: 0.75em;
}

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