.bubble-typing {
  width: 38px;
  padding: 12px 16px;
  height: 8px;
}
.dot {
  background-color: rgb(255, 255, 255);
  float: left;
  height: 7px;
  margin-left: 4px;
  width: 7px;
  animation-name: bounce_dot;
  animation-duration: 2.24s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  border-radius: 5px;
}
.dot_1 {
  animation-delay: 0.45s;
}
.dot_2 {
  animation-delay: 1.05s;
}
.dot_3 {
  animation-delay: 1.35s;
}
@keyframes bounce_dot {
  0% {
  }
  50% {
    background-color: rgb(0, 0, 0);
  }
  100% {
  }
}