.max-length {
  margin-bottom: 40px !important;
  position: relative;
}

.max-length::before {
  bottom: -18px;
  border-radius: 5px;
  color: #666;
  content: attr(data-length) "/" attr(data-maxlength);
  font-size: 12px;
  line-height: 1;
  padding: 3px;
  position: absolute;
}

.max-length.max-length--gray::before {
  background-color: #f1f1f1;
}

.max-length.max-length--green::before {
  background-color: #40B73C;
  color: #fff;
}

.max-length.max-length--red::before {
  background-color: #b73c3c;
  color: #fff;
}

.max-length > textarea {
  display: block;
}