@keyframes spinner {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}
.spinner::before {
  animation: 1.5s linear infinite spinner;
  animation-play-state: inherit;
  border: solid 5px #cfd0d1;
  border-bottom-color: #1c87c9;
  border-radius: 50%;
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  top: 28%;
  left: 33%;
  transform: translate3d(-50%, -50%, 0);
  will-change: transform;
}
   input[type="a_text"], textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0;
    padding: 5px 10px;
    font-size: 14px;
    outline: 0;
    width: 70%;
}
.spinner{
  position: relative;margin-top: -12px;
}