label {
  color: #777;
  font-size: 16px;
  position: relative;
}
label::before {
  content: attr(data-content);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  background-color: #fff;
  transition: 0.3s;
}

.input__focus::before {
  top: -18px;
  font-size: 12px;
  color: #03a868;
  padding: 5px;
}
.input__focus input {
  border-color: #03a868;
}
.input__focus .input__btn {
  display: block;
}

.input__error::before {
  color: #f95003;
}
.input__error::after {
  content: attr(data-error);
  position: absolute;
  left: 0;
  bottom: -40px;
  font-size: 12px;
  color: #f95003;
}
.input__error input {
  border-color: #f95003;
}
.input__error-confirm::after {
  content: attr(data-confirm);
}

/*# sourceMappingURL=input.css.map */