.login-form-header {
  display: flex;
  height: 80px;
  color: var(--theme-refresh-text-primary);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--spacing--8);
  font-size: 2rem;
}

.login-form-footer {
  width: 60%;
  display: flex;
  /* Row direction reversed so that "Forgot password?" link is pinned to the right */
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0 var(--spacing--36);
  align-items: center;
  gap: var(--spacing--12);
}

.login-form-header-text:not(:last-child) {
  margin-bottom: 2px;
}

.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--spacing--24) 0 2.0rem;
}

.login-form-inputs {
  width: 280px;
  display: flex;
  margin-top: var(--spacing--12);
  flex-direction: column;
}

.login-form-button-login {
  align-self: center;
  margin: var(--spacing--24);
}