Mini form

<form class="c-mini-form">
  <div class="c-mini-form__input">
    <div class="c-text-input">
      <input id="email" name="email" aria-label="email address to link" type="text" class="c-text-input__input is-invalid l-display-block l-width-full t-size-xs has-text-gray-dark has-xxxs-btm-marg">
      <ul>
        <li class="has-text-error has-xxxs-btm-marg t-size-xs">
          First validation error
        </li>
        <li class="has-text-error t-size-xs">
          Second validation error
        </li>
      </ul>
    </div>
  </div>
  <div class="c-mini-form__submit">
    <input type="submit" disabled class="c-button c-button--s has-text-white has-bg-teal l-width-full l-display-block" value="Submit">
  </div>
</form>