.google-auth { margin-block: 24px 0; }
.google-auth .google-sign-in {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #747775;
  border-radius: 4px;
  background: #fff;
  color: #1f1f1f;
  font: 500 14px/20px Arial, sans-serif;
  letter-spacing: .25px;
  text-transform: none;
  cursor: pointer;
}
.google-auth .google-sign-in:hover:not(:disabled) { background: #f2f5fc; }
.google-auth .google-sign-in:focus-visible { outline: 2px solid #4285f4; outline-offset: 3px; }
.google-auth .google-sign-in:disabled { opacity: .55; cursor: default; }
.google-sign-in svg { flex: none; }
.google-auth > .field-hint { margin-block: 10px 0; }
.auth-divider { display: flex; align-items: center; gap: 12px; margin-block: 20px; font-size: 12px; opacity: .7; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: currentColor; opacity: .25; }