input,
textarea {
  font-family: $font-body;
  font-size: 1.8rem;
  color: $dark-grey;
  border: 1px solid $border-grey;
  border-radius: 6px;
  padding: 1.1rem 1rem 1.0rem;
  line-height: 2.5rem;
  transition: all 0.3s ease-out;

  &:focus {
    outline: none;
  }

  &::placeholder {
    color: $light-grey;
  }

  .field-error & {
    background-color: $error-background;
    border-color: $error-color;
  }
}