/**
 * Block style variations shipped by Simple Cabinets.
 *
 * Loaded both in the editor and on the front end via the `style_handle`
 * passed to register_block_style().
 */

/* ---------------------------------------------------------
 * core/button – is-style-design-help
 * Gold CTA that matches the original pricing banner button.
 * ---------------------------------------------------------*/
.wp-block-button.is-style-design-help > .wp-block-button__link {
	background-color: #8b6914;
	color: #ffffff;
	border: 0;
	border-radius: 0;
	padding: 18px 32px;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 12px;
}

.wp-block-button.is-style-design-help > .wp-block-button__link:hover,
.wp-block-button.is-style-design-help > .wp-block-button__link:focus {
	background-color: #a07a1a;
	color: #ffffff;
}

/* Arrow suffix — purely decorative. */
.wp-block-button.is-style-design-help > .wp-block-button__link::after {
	content: "\2192"; /* rightwards arrow */
	font-size: 1.25rem;
	line-height: 1;
}

/* ---------------------------------------------------------
 * core/paragraph – is-style-tagline
 * Uppercase, letter-spaced metadata line used under the price.
 * ---------------------------------------------------------*/
.wp-block-paragraph.is-style-tagline,
p.is-style-tagline {
	font-size: 0.8125rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
}