:root {
  --btn-bg-color: #482747;
  --btn-bg-hover-color:#633462;
}

.front-open-chat-button {
  font-family: "Montserrat", helvetica, sans-serif;
  cursor: pointer;
  color: white;
  /*border: 2px solid white;*/
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
  background-color: var(--btn-bg-color);
  padding: 5px;
  box-sizing: content-box;
  border-radius: 50%;
}

.front-open-chat-button-image {
  background-image: url('https://static.aim.front.ai/assets/images/valio/chat-bubble-icon-1-white.svg');
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: 70%; /*check if ok*/
  background-position: center;
}

.front-open-chat-button:hover {
  background-color: var(--btn-bg-hover-color);
} 
#front-button-container-0 {
  position: fixed;
  right: 15px;
  bottom: 50px;
  z-index: 5000;

}

@media only screen and (max-width: 480px) {
.front-open-chat-button-text {
    display: none;
}

#front-button-container-0 {
    right: 10px;
    bottom: 10px;
}

/*.front-open-chat-button {
    padding: .75em;
    border-radius: 50%;
}*/

.front-open-chat-button-image {
    margin: 0;
}
}

/* Hide button on print (e.g. Ctrl+Print) */
@media print {
  #front-button-container-0 {
    display: none;
  }

  .front-open-chat-button {
    display: none;
  }

  .front-open-chat-button-text {
    display: none;
  }

  .ChatWindow,
  .Boost-ChatPanel-ChatWindow {
    display: none !important;
  }
}