/* Default Button Style */
:root :where(.wp-element-button, .wp-block-button__link) {
	--btn-border-radius: 0;
	--btn-border-width: 1px;
	--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--secondary);
	--btn-color-text-hover: var(--wp--preset--color--light);
	--btn-border-color-hover: var(--wp--preset--color--secondary);
	/* Default Focus */
	--btn-color-bg-focus: var(--wp--preset--color--secondary);
	--btn-color-text-focus: var(--wp--preset--color--light);
	--btn-border-color-focus: var(--wp--preset--color--secondary);
	--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--secondary);


}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {
	background-color: var(--btn-color-bg-hover);
	border-color: var(--btn-border-color-hover) !important;
	color: var(--btn-color-text-hover);
}

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

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

.is-style-secondary-button:hover .wp-block-button__link img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%);
}

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

.is-style-text-button:hover .wp-block-button__link {
	background-color: var(--wp--preset--color--light);
	color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--light) !important;
}

.is-style-text-button:hover .wp-block-button__link img {
	filter: brightness(0) saturate(100%) invert(31%) sepia(96%) saturate(649%) hue-rotate(112deg) brightness(99%) contrast(106%);
}

/* Outline Button */
.is-style-outline .wp-block-button__link {
	background-color: transparent;
	color: var(--wp--preset--color--primary) !important;
	border-color: var(--wp--preset--color--primary);
}

.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--light) !important;
	border-color: var(--wp--preset--color--secondary) !important;
}

.is-style-outline .wp-block-button__link:hover img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%);
}