#chatContainer {
  display: none;
}

#chatPrompt {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  background-color: white;
  color: black;
  padding: 8px 10px;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  white-space: nowrap;
  width: auto;
}

#chatPrompt:hover {
  cursor: pointer;
  background-color: #ececec;
}


#chatIframe {
  border: none;
  border-radius: 6px;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 550px;
}

#chatToggleImg {
  display: none;
  border-radius: 40%;
  padding: 5px;
  background-color: white;
  width: 50px;
  height: 50px;
  cursor: pointer;
  object-fit: cover;
  transition: transform 250ms ease-in-out;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5));
}

#chatToggleImg:hover {
  background-color: #ececec;
}

#fixedContainer {
  display: none;
  z-index: 1000;
  position: fixed;
  bottom: 70px;
  right: 20px;
}

#absoluteContainer {
  position: absolute;
  bottom: -60px;
  right: 0px;
}

#extraSpace {
  width: 60px;
}