.modal-ovr-chat {
  width: 60rem;
  max-width: 100%;
  height: 70rem;
  max-height: 100%;
}

.modal-guts-chat {
  align-items: center;
}

.container-chat {
  z-index: 10;
  position: fixed;
  display: none;
  bottom: 0;
  right: 0;
  border-radius: 15px;
  background-color: #ffffff;
}

.div-chat {
  z-index: 10;
  right: 10px;
  bottom: 10px;
  border: none;
  outline: none;
  /* display: none; */
  position: fixed;
  width: max-content;
  height: max-content;
}

.nav-chat {
  border: 0;
  background: none;
  font-size: 2rem;
  color: black;
}

.criado {
  width: max-content;
}

.iframe-chat {
  width: 500px;
  max-width: 100%;
  height: 60rem;
  max-height: 100%;
  display: none;
  border-radius: 15px;
  background-color: white;
}

.btn-chat {
  text-align: center;
  font-size: 18px;
  color: white;
  display: flex;
  justify-content: center;
  background: linear-gradient(180deg, rgb(1 161 72) 0%, rgb(19 134 11) 100%);
  text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.25);
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.25));
  transition: all 1s;
  cursor: pointer;
  animation: rubberBand;
  animation-duration: 2s;
  padding: 0 3rem;
  border-radius: 25px;
}

.btn-chat * {
  width: max-content;
  height: 4rem;
  display: flex;
  align-items: center;
}