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

Meses messaging SDK in JavaScript

.messageListHeading {
  box-sizing: border-box;
  display: flex;
  height: 12%;
  padding-top: 3%;
  background-color: black;
  color: whitesmoke;
}

.btnContainer {
  width: 20%;
  text-align: center;
  font-size: 2em;
}

.btnContainer svg {
  transition: color 0.25s;
}

.btnContainer svg:hover {
  color: silver;
}

.btnContainer svg:active {
  color: gainsboro
}

.titleContainer {
  width: 80%;
  padding-right: 5%;
  word-wrap: normal;
  font-weight: bolder;
}