.chatBubble {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding-right: 10px;
  padding-left: 10px;
  border: .5px solid #C8C7CC;
  border-radius: 6px;
  margin-bottom: 20px;
  margin-left: 8px;
  background-color: #FFF;
}

.left::before {
  position: absolute;
  left: -20px;
  top: 8px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 10px;
  border-color: transparent #C8C7CC transparent transparent;
}

.right {
  float: right;
  margin-right: 8px;
  background-color: #44DB5E;
}

.right::after {
  position: absolute;
  right: -20px;
  top: 8px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 10px;
  border-color: transparent transparent transparent #44DB5E;
}