/* "Continue with Google" (Google's branding guidelines: white, grey outline, standard G mark). */
.gi-google-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	min-height: 2.75rem;
	padding: 0 1.25rem;
	border: 1px solid #747775;
	border-radius: var(--wp--custom--radius--pill, 999px);
	background: #fff;
	color: #1f1f1f;
	font-family: Roboto, var(--wp--preset--font-family--inter, system-ui), sans-serif;
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}
.gi-google-button:hover,
.gi-google-button:focus-visible {
	background: #f2f2f2;
	color: #1f1f1f;
	text-decoration: none;
}
.gi-google-button__g { flex: none; }

/* My Account: button above the forms, then an "or" rule. */
.gi-google-login { margin: 0 0 1.5rem; }
.gi-google-login .gi-google-button { min-width: min(100%, 20rem); }
.gi-google-login__or {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 1.25rem 0 0;
	color: var(--wp--preset--color--muted, #5e5470);
	font-size: 0.875rem;
}
.gi-google-login__or::before,
.gi-google-login__or::after {
	content: "";
	flex: 1;
	border-top: 1px solid var(--wp--preset--color--border, #e3dde8);
}

/* Guest rewards bar on cart/checkout (gi-loyalty): the button sits at the end of the row. */
.gi-rewards--guest .gi-google-button { flex: none; }