/* Google's light button colors, Google Sans Medium, and 20px gradient G.
   Branding: https://developers.google.com/identity/branding-guidelines
   Font subset from fonts.googleapis.com, 2026-09-13; license: fonts/GoogleSans-OFL.txt. */
@font-face { font-family: "Google Sans Auth"; src: url("/static/fonts/GoogleSans-Medium.woff") format("woff"); font-style: normal; font-weight: 500; font-display: swap; }
button.auth-google-button { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 12px; border: 1px solid #747775; border-radius: 4px; background: #fff; color: #1f1f1f; font: 500 14px/20px "Google Sans Auth", Arial, sans-serif; cursor: pointer; }
button.auth-google-button .auth-google-icon { flex: 0 0 20px; width: 20px; height: 20px; }
button.auth-google-button svg { display: block; width: 20px; height: 20px; }
button.auth-google-button .auth-google-label { flex: 1; padding-right: 30px; text-align: center; }
button.auth-google-button:not(:disabled):hover { background: #f2f2f2; border-color: #747775; }
button.auth-google-button:not(:disabled):active { background: #e8e8e8; }
button.auth-google-button:focus-visible { outline: 2px solid var(--focus, #1f1f1f); outline-offset: 4px; }
button.auth-google-button:disabled { cursor: default; opacity: .65; }