login-form {
  display: flex;
  flex-direction: column;
  gap: var(--sp-7);
  max-width: 320px;
  margin: 12vh auto 0;
}

login-form ui-button {
  justify-content: center;
}

login-form .login-error {
  margin: 0;
  min-height: 20px;
  color: var(--danger-ink);
  font-size: var(--fs-md);
}

login-form .login-google {
  padding: var(--sp-5) var(--sp-6);
  font-size: var(--fs-md);
}

login-form .login-separator {
  display: flex;
  align-items: center;
  gap: var(--sp-5);
  margin: var(--sp-1) 0;
  color: var(--ink-soft);
  font-size: var(--fs-sm);
}

login-form .login-separator::before,
login-form .login-separator::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--line);
}