.chatHolder {
  display: grid;
  grid-template-rows: 1fr 100px;
}

.chatText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
  padding: 1em;
  height: calc(100vh - 40px - 100px - 100px - 100px);
  overflow-y: auto;
}

.form {
  display: grid;
  grid-template-columns: 1fr 100px;
  border-top: 1px solid #eee;
}

.textarea {
  padding: 1em;
  border: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    Fira Sans,
    Droid Sans,
    Helvetica Neue,
    sans-serif;
  font-size: 1.2em;
}

.button {
  border: 0;
  color: white;
  font-weight: bold;
  font-size: 1.4em;
  background: linear-gradient(to right, #363795, #005c97);
}

.button:hover {
  background: linear-gradient(90deg, rgba(54, 55, 149, 1) 0%, rgba(0, 92, 151, 1) 62%, rgba(0, 125, 205, 1) 100%);
}

.button:disabled,
.button:hover:disabled {
  background: linear-gradient(to right, #363795, #005c97);
  opacity: 0.5;
}

.message {
  background-color: #eef5f8;
  padding: 1em;
  border-radius: 10px;
  flex-grow: 0;
  border-bottom-left-radius: 0;
}
