/**
 * Button block: hover/active states and remove focus outline.
 * Enqueued late so it overrides theme and block library styles.
 */

.wp-block-button .wp-block-button__link {
	box-sizing: border-box !important;
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
	padding: 0 1.5em !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px !important;
	font-weight: 400 !important;
	border-radius: 20px !important;
	border: none !important;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
	position: relative;
	top: -1px;
}

/* Remove thick black focus outline only – keep drop shadow so button returns to normal after click */
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:focus-visible {
	outline: none !important;
	outline-offset: 0 !important;
}

/* Style 1: Primary CTA on dark backgrounds */
.wp-block-button.is-style-primary-dark .wp-block-button__link {
	color: #1C1C1E !important;
	background-color: #A593E0 !important;
	box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0.15) !important;
}
.wp-block-button.is-style-primary-dark .wp-block-button__link:hover {
	color: #1C1C1E !important;
	background-color: #6A4BCF !important;
	box-shadow: none !important;
}
.wp-block-button.is-style-primary-dark .wp-block-button__link:active {
	color: #1C1C1E !important;
	background-color: #6A4BCF !important;
	box-shadow: inset 0 0 3px 0.5px rgba(0, 0, 0, 0.15) !important;
}
.wp-block-button.is-style-primary-dark .wp-block-button__link:focus,
.wp-block-button.is-style-primary-dark .wp-block-button__link:focus-visible {
	outline: none !important;
}

/* Style 2: Primary CTA on light backgrounds */
.wp-block-button.is-style-primary-light .wp-block-button__link {
	color: #1C1C1E !important;
	background-color: #B49DFF !important;
	box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0.15) !important;
}
.wp-block-button.is-style-primary-light .wp-block-button__link:hover {
	color: #1C1C1E !important;
	background-color: #8059FF !important;
	box-shadow: none !important;
}
.wp-block-button.is-style-primary-light .wp-block-button__link:active {
	color: #1C1C1E !important;
	background-color: #8059FF !important;
	box-shadow: inset 0 0 3px 0.5px rgba(0, 0, 0, 0.15) !important;
}
.wp-block-button.is-style-primary-light .wp-block-button__link:focus,
.wp-block-button.is-style-primary-light .wp-block-button__link:focus-visible {
	outline: none !important;
}

/* Style 3: Secondary CTA */
.wp-block-button.is-style-secondary .wp-block-button__link {
	color: #F5F5F7 !important;
	background-color: #667488 !important;
	box-shadow: 0 0 3px 0.5px rgba(0, 0, 0, 0.15) !important;
}
.wp-block-button.is-style-secondary .wp-block-button__link:hover {
	color: #F5F5F7 !important;
	background-color: #1C1C1E !important;
	box-shadow: none !important;
}
.wp-block-button.is-style-secondary .wp-block-button__link:active {
	color: #F5F5F7 !important;
	background-color: #1C1C1E !important;
	box-shadow: inset 0 0 3px 0.5px rgba(0, 0, 0, 0.15) !important;
}
.wp-block-button.is-style-secondary .wp-block-button__link:focus,
.wp-block-button.is-style-secondary .wp-block-button__link:focus-visible {
	outline: none !important;
}

/* Default button (no style variation) */
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:focus,
.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:focus-visible {
	outline: none !important;
}