/*
 * "Continue with Google". Everything visual comes from the store's own
 * styles: the My Account button is the theme's .s6m-btn--ghost, the checkout
 * button borrows the checkout's field tokens (52px, 1px #d9d9d9, 5px radius).
 * This file only spaces the button and sizes Google's "G".
 */

.sixm-gl--account { margin-top: 12px; }
.sixm-gl-btn { gap: 10px; }
.sixm-gl-btn__mark { flex: none; width: 18px; height: 18px; }

.sixm-gl--checkout { margin: 0 0 16px; }
.sixm-gl__error { margin: 0 0 12px; }
.sixm-gl-btn--checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: var(--s6m-co-field-h, 52px);
	padding: 0 16px;
	box-sizing: border-box;
	border: 1px solid var(--s6m-co-field, #d9d9d9);
	border-radius: var(--s6m-co-radius, 5px);
	background: #fff;
	color: var(--s6m-co-ink, #0a0a0a);
	font-family: var(--6m-sans, inherit);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 0.15s ease-in-out;
}
.sixm-gl-btn--checkout:hover { border-color: var(--s6m-co-ink, #0a0a0a); color: var(--s6m-co-ink, #0a0a0a); }
.sixm-gl-btn--checkout:focus-visible { outline: 2px solid var(--s6m-co-focus, #197bbd); outline-offset: 2px; }