.etb-button-block {
	display: inline-flex;
	align-items: center;
	gap: var(--eth-space-xs, 0.75rem);
	max-width: 100%;
	vertical-align: middle;
}

.etb-button-block__button {
	max-width: 100%;
	margin: 0;
	text-align: center;
	text-decoration: none;
}

/* Plugin buttons retain a legible action state even when the theme's polish
 * layer uses a very light outline/ghost hover treatment. Dark Hero contexts
 * carry a more-specific white-button override in hero/style.css. */
.etb-button-block .etb-button-block__button:is(.eth-btn--outline, .eth-btn--ghost):is(:hover, :focus-visible) {
	background: var(--eth-primary, #4f46e5);
	border-color: var(--eth-primary, #4f46e5);
	color: var(--eth-light, #fff);
	box-shadow: var(--eth-shadow-s, 0 2px 6px rgba(0, 0, 0, 0.08));
}

.etb-button-block .etb-button-block__button:is(.eth-btn--outline, .eth-btn--ghost):focus-visible {
	outline: 2px solid var(--eth-primary, #4f46e5);
	outline-offset: 3px;
}