/* Painike: Ensisijainen (teeman ainoa painiketyyli)
   Muoto ja typografia tulevat theme.json:n elements.button-määrittelystä
   (pilleri, fontti, padding) — täällä vain värit ja tilat.
   Värit tulevat väriteemojen tokeneista (color-themes.css). */

.wp-block-button .wp-block-button__link {
	display: inline-flex;
	background-color: var(--froggy-btn-primary-bg);
	color: var(--froggy-btn-primary-text);
	align-items: center;
	transition: 0.3s ease;
	transition-property: background-color;
}

.wp-block-button:hover .wp-block-button__link {
	background-color: var(--froggy-btn-primary-bg-hover);
}

.wp-block-button .wp-block-button__link:focus-visible {
	outline-offset: -2px;
	outline-color: var(--froggy-accent);
	outline-width: 2px;
	outline-style: solid;
}