.olial-gl-box { margin: 1.25em 0; }
.olial-gl-or { display: flex; align-items: center; gap: .75em; margin: 1em 0; color: #777; font-size: .9em; }
.olial-gl-or::before, .olial-gl-or::after { content: ""; flex: 1; border-top: 1px solid #e2e2e2; }
/* Doppelte Klasse: setzt sich auch im Blocksy-Anmeldefenster gegen Theme-Linkstile durch. */
.olial-gl-button.olial-gl-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 12px;
	box-sizing: border-box; max-width: 100%; min-height: 44px; padding: 8px 16px;
	border: 1px solid #747775; border-radius: 4px;
	background: #fff; color: #1f1f1f; font-family: Roboto, Arial, sans-serif; font-size: 15px; font-weight: 500;
	text-decoration: none; text-align: center; line-height: 1.25; white-space: normal;
}
.olial-gl-button.olial-gl-button svg { flex: 0 0 18px; width: 18px; height: 18px; margin: 0; }
.olial-gl-button.olial-gl-button span { display: inline; margin: 0; padding: 0; color: inherit; }
.olial-gl-button.olial-gl-button:hover, .olial-gl-button.olial-gl-button:focus { background: #f8f9fa; color: #1f1f1f; box-shadow: 0 1px 3px rgba(60, 64, 67, .3); }
.olial-gl-box--login .olial-gl-button.olial-gl-button { display: flex; width: 100%; }
.olial-gl-note { margin: .6em 0 0; font-size: .85em; color: #666; }
@media (max-width: 480px) {
	.olial-gl-button.olial-gl-button { gap: 10px; padding: 8px 12px; font-size: 14px; }
}