/* Default Button Style */
:root :where(.wp-element-button, .wp-block-button__link) {
	--btn-border-radius: 0;
	--btn-border-width: 2px;
	--btn-border-style: solid;
	--btn-padding-block: var(--wp--custom--block--button--padding-y);
	--btn-padding-inline: var(--wp--custom--block--button--padding-x);

	/* Default Hover */
	--btn-color-bg-hover: var(--wp--preset--color--neutral-12);
	--btn-color-text-hover: var(--wp--preset--color--light);
	--btn-border-color-hover: var(--wp--preset--color--neutral-12);
	/* Default Focus */
	--btn-color-bg-focus: var(--wp--preset--color--neutral-12);
	--btn-color-text-focus: var(--wp--preset--color--light);
	--btn-border-color-focus: var(--wp--preset--color--neutral-12);
	--btn-outline-color: var(--wp--preset--color--secondary);
	--btn-outline-width: 2px;
	/* Default Active */
	--btn-color-bg-active: var(--wp--preset--color--primary);
	--btn-color-text-active: var(--wp--preset--color--light);
	--btn-border-color-active: var(--wp--preset--color--primary);
}

/* Secondary Button */
.is-style-secondary-button .wp-block-button__link {
	background-color: var(--wp--preset--color--neutral-7);
	color: var(--wp--preset--color--dark);
	border-color: var(--wp--preset--color--neutral-7);
	border-width: var(--btn-border-width);
}

.is-style-secondary-button:hover .wp-block-button__link {
	background-color: var(--btn-color-bg-hover);
	color: var(--btn-color-text-hover);
	border-color: var(--btn-border-color-hover);
}

/* Text Button */
.is-style-text-button .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--neutral-12);
	border-color: transparent;
	border-width: var(--btn-border-width);
}

.is-style-text-button:hover .wp-block-button__link {
	background-color: var(--wp--preset--color--neutral-6);
	color: var(--wp--preset--color--neutral-12);
	border-color: var(--wp--preset--color--neutral-6);
}

/* Outline Button */
:root :where(.wp-block-button.is-style-outline .wp-block-button__link) {
	--btn-color-bg: transparent;
	--btn-color-text: var(--wp--preset--color--neutral-12);
	--btn-border-color: var(--wp--preset--color--neutral-10);
}

:root :where(.wp-block-button.is-style-outline .wp-block-button__link:hover) {
	--btn-color-bg: var(--wp--preset--color--neutral-6);
	--btn-border-color: var(--wp--preset--color--neutral-6);
}