.input {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  cursor: pointer;
  white-space: nowrap;
  text-decoration: none;
  font-family: $ff-sans;
  border: 1px solid gray;
  &--form {
    padding: 12.5px 20px;
    border: 1px solid #011664;
    border-radius: 10px;
    background: $gray-light;
    cursor: text;
  }
  &--footer {
    padding: 12px 24px;
    background: #0024a8;
    border: 1px solid #ffffff;
    cursor: text;
    color: $white;

    border-radius: 10px 0px 0px 10px;
  }
}
.textarea {
  padding: 20px 20px 0px;
  border: 1px solid #011664;
  border-radius: 10px;
  font-family: $ff-sans;
  width: 100%;
  min-height: 200px;
  background: $gray-light;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: $primary-dark50;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
  /* Firefox 18- */
  color: $primary-dark50;
}

textarea::-moz-placeholder,
input::-moz-placeholder {
  /* Firefox 19+ */
  color: $primary-dark50;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: $primary-dark50;
}

textarea::placeholder,
input::placeholder {
  color: $primary-dark50;
}