/* ==========================================================================
   Button Styles
   Shared by core/button block (via is-style-*) AND utility classes.
   Always loaded (wp_enqueue_style) so header buttons stay in sync.
   ========================================================================== */

/* ── Base ─────────────────────────────────────────────────────────────────── */
.wp-block-button__link, .btn-primary {
	font-weight: 600;
	line-height: 2;
	border-width: 1px;
	border-style: solid;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	padding: 0.824rem 2.471rem;
	display: inline-block;
	text-transform: uppercase;
}

.btn-primary {
	text-align: center;
}

/* ── Default (no style variant applied) ───────────────────────────────────── */
.wp-block-button:not( .is-style-stroke ) .wp-block-button__link, .btn-primary {
	background-color: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--white );
	border-color: var( --wp--preset--color--primary );
}

.wp-block-button:not( .is-style-stroke ) .wp-block-button__link:hover, .btn-primary:hover {
	background-color: var( --wp--preset--color--white );
	color: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
}

/* ── Outline ──────────────────────────────────────────────────────────────── */
.wp-block-button.is-style-stroke .wp-block-button__link {
	background-color: transparent;
	color: var( --wp--preset--color--primary );
	border-color: var( --wp--preset--color--primary );
}

.wp-block-button.is-style-stroke .wp-block-button__link:hover {
	background-color: var( --wp--preset--color--primary );
	color: var( --wp--preset--color--white );
	border-color: var( --wp--preset--color--primary );
}