/* Chat container */
#chat-widget-container {
  font-family: 'Helvetica', Arial, monospace;
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  max-width: calc(100vw - 3rem);
  height: 500px;
  display: none;
  z-index: 1000;
  overflow-y: hidden;

}
/* Chat button */
#chat-widget-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  color: #fff;
  border: none;
  border-radius: 50%;

  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  z-index: 1000;
  background: var(--color-button-primary);
  font-size: var(--font-size);
  font-weight: var(--font-weight-medium);
  &:before {
    content: 'chat';
    color: transparent;
    filter: invert(1);
    background: url('data:image/svg+xml,<svg enable-background="new 0 0 49.9 50.1" viewBox="0 0 49.9 50.1" xmlns="http://www.w3.org/2000/svg"><path d="m4.5 38.1c-.8 0-1.5-.3-2.1-.9-.7-.8-1-1.9-.7-2.9l1.4-4.8-.1-.1c-2.3-3.6-3.3-7.9-2.8-12.2 1-8.3 7.7-15.1 16-16.2 5.8-.7 11.4 1.2 15.5 5.2s6 9.7 5.3 15.4c-1 8.3-7.8 15.1-16.1 16.1-3.3.4-6.6-.1-9.6-1.4-.1 0-.2-.1-.3 0l-5.7 1.7c-.3.1-.5.1-.8.1zm12.1-34.1c-7 .9-12.6 6.5-13.4 13.5-.4 3.7.4 7.2 2.3 10.3.1.1.1.2.2.3s.2.2.2.3c.3.4.3.8.2 1.3l-1.6 5.4 5.6-1.6c.7-.2 1.5-.1 2.3.2 2.5 1.1 5.3 1.5 8 1.1 7-.8 12.7-6.5 13.5-13.5.6-4.8-1.1-9.5-4.5-12.9-3.3-3.5-8-5-12.8-4.4z"/><path d="m45.8 49.2c-.2 0-.5 0-.7-.1l-4.8-1.4c-2.6 1.1-5.4 1.5-8.2 1.2-6.6-.8-12-5.7-13.5-12.3-.2-.8.3-1.6 1.1-1.8s1.6.3 1.8 1.1c1.1 5.2 5.6 9.3 10.9 9.9 2.3.3 4.5 0 6.6-.9.7-.3 1.4-.3 2.1-.1l4.3 1.2-1.2-4c-.1-.4 0-.9.2-1.3.1-.1.1-.2.2-.3s.1-.2.2-.2c1.6-2.5 2.3-5.4 1.9-8.4-.7-5.7-5.3-10.4-11-11.1-.8-.1-1.4-.9-1.3-1.7s.9-1.4 1.7-1.3c7 .9 12.8 6.7 13.6 13.7.4 3.7-.4 7.3-2.4 10.4l1.2 3.9c.3.9 0 2-.7 2.6-.6.6-1.2.9-2 .9z"/><path d="m18.6 25.4c-.8 0-1.5-.7-1.5-1.5v-.3c0-2 1.1-3.9 2.9-5 1.1-.6 1.6-1.9 1.3-3.2-.2-1-1.1-1.8-2.1-2.1-.9-.2-1.8 0-2.5.5s-1.1 1.4-1.1 2.2-.7 1.5-1.5 1.5-1.5-.7-1.5-1.5c0-1.8.8-3.5 2.2-4.6s3.2-1.5 5-1.1c2.1.5 3.8 2.2 4.3 4.3.6 2.5-.5 5.1-2.8 6.4-.9.5-1.4 1.4-1.4 2.4v.3c.2 1-.4 1.7-1.3 1.7z"/><circle cx="18.6" cy="28.4" r="1.5"/></svg>') no-repeat center;
    background-size: contain;
  }
}
#chat-widget-container-close-btn {
  top: 1rem !important;
  right: 1rem !important;
}
#chat-widget-container-iframe {
  width: 100% !important;
}
iframe#chat-widget-iframe {
  width: 100%;
  /*height: calc(500px - 0.5rem);*/
  /*margin-top: 0.5rem;*/
}