/* ==========================================================================
   Block styles

   The CSS for styles registered with register_block_style() in functions.php.
   Loaded on the front end and in the editor, so a style looks the same in both
   places and nobody picks one that turns out different once published.

   ⚠ Deliberately not in style.css: that file is compiled from style.scss and
   sass is not installed in this checkout, so editing it would put the source
   and the build out of step.
   ========================================================================== */

/* --- core/button — "Black Button" ---------------------------------------
   Matches the house button (`.btn`, scss/misc/_buttons.scss) exactly in shape
   and only swaps the colours, so the two read as one family. Useful wherever a
   yellow button would disappear — over a yellow panel, or on a light page.

   ⚠ A block style's class lands on the WRAPPER (.wp-block-button), never on
   the anchor, so every rule has to reach down to .wp-block-button__link.

   ⚠ The .wp-block-buttons ancestor is in the selector on purpose, to outrank
   context rules that style buttons of their own (the hero slide does). Without
   it the two tie on specificity and the winner is decided by stylesheet order,
   which is luck. core/button declares core/buttons as its parent, so the
   ancestor is always there.
   ------------------------------------------------------------------------ */

.wp-block-buttons .wp-block-button.is-style-black .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 250px;
	height: 40px;
	padding: 0 18px;
	border: 0;
	border-radius: 5px;
	font-family: 'Univers Condensed Bold', sans-serif;
	font-size: 20px;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #000000;
	color: #ffffff;
	transition: background-color 0.15s ease, color 0.15s ease;
}

/* Hover mirrors the house button's, which goes yellow-to-black — this one goes
   black-to-yellow, so the pair behave like each other's reverse. */
.wp-block-buttons .wp-block-button.is-style-black .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-black .wp-block-button__link:focus-visible {
	background-color: #ffc720;
	color: #000000;
}