/**
 * Shared button styling used across GenerateBlocks, WooCommerce and core
 * blocks — this is the "primary button" design family the product-card
 * CTA (assets/css/components/cards.css) and the homepage hero/promo-banner
 * buttons (core wp:button blocks) both belong to. Previously only set
 * border-radius/font-weight, leaving the actual color/size to WordPress
 * core's own button default (a dark grey, not this site's olive) — real
 * values added here so the hero button reads as the same family the task
 * asked for, not a leftover default.
 */
.myshop-button,
.wp-block-button__link,
.button.add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	padding-inline: 24px;
	border: 0;
	border-radius: 6px;
	background-color: var(--color-primary);
	color: var(--color-background);
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 180ms ease, transform 180ms ease;
}

.myshop-button:hover,
.wp-block-button__link:hover,
.button.add_to_cart_button:hover {
	background-color: var(--color-primary-hover);
	color: var(--color-background);
	transform: translateY(-1px);
}

.myshop-button:focus-visible,
.wp-block-button__link:focus-visible,
.button.add_to_cart_button:focus-visible {
	outline: 2px solid var(--color-accent);
	outline-offset: 2px;
}

/* Hero CTA — same family, slightly larger, per the hero-specific spec. */
.myshop-hero .wp-block-button__link {
	height: 50px;
	padding-inline: 30px;
	font-size: 16px;
}