body {
  font-family: Arial, Helvetica, sans-serif;
}
* {
  box-sizing: border-box;
}
/* Button used to open the chat form - fixed at the bottom of the page */
.open-button {
  background-color: #007bff;
  color: white;
  padding: 8px 9px;
  border-radius: 25px;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 50px;
  right: 10px;
  width: 50px;
  height: 50px;
  
}

.open-button:hover {
    opacity: 10;
}

.open-button i {
    font-size: xx-large;
    text-align: center;
}


/* The popup chat - hidden by default */
.chat-popup {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 60px;
  height: 65%;
  width: 25%;
  border: none;
  z-index: 9;
}