body {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100vh;
}

.auth-form {
  place-self: center;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1em 2em;
  align-items: center;
  border: 1px solid var(--color-rado);
  padding: 2rem;
  border-radius: 4px;
  box-shadow: 1px 1px 2em var(--color-light);
}

.auth-form .form-group {
  display: contents;
}

.auth-form .form-error {
  background-color: var(--color-warning);
  padding: 0.1em 1em;
  font-size: 0.8em;
  text-align: right;
  border-radius: 2px;
}

.auth-form .form-error:empty {
  display: none;
}

.auth-form .form-label {
  padding: 0.2em;
  font-weight: 300;
}

.auth-form .btn {
  text-align: center;
}