@layer components {
  /* Login form */
  .form--login {
    display: grid;
    gap: 1rem;
    margin-block-start: 1.5rem;
  }

  .form--login .field {
    gap: 0.35rem;
  }

  .form--login .form__actions {
    margin-block-start: 0.5rem;
  }

  .form--login .form__actions .btn {
    inline-size: 100%;
  }
}