meses-messaging/src/ui/components/MessagingPopup/MessageList/MessageListFooter/styles.css

Meses messaging SDK in JavaScript

.messageListFooter {
  display: flex;
  width: 100%;
  height: 8%;
  background-color: black;
}

.textArea {
  resize: none;
  height: 100%;
  width: 85%;
  line-height: 1em;
  font-size: 1em;
}

.btnContainer {
  width: 15%;
  padding-top: 2%;
  text-align: center;
}

.btnSend {
  padding: 0.5em;
  font-size: 1.5em;
  background-color: #2AA38B;
  color: white;
  border-radius: 50%;
  transition: background-color 0.25s;
  cursor: pointer;
}

.btnSend:hover {
  background-color: #2EB398
}

.btnSend:active {
  background-color: seagreen
}