:where(.wp-block-button, .wp-block-button-obf) .wp-element-button,
.wp-block-button__link.wp-element-button {
	--amenatys-button-arrow-black: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L17 7M9 7h8v8' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-arrow-white: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L17 7M9 7h8v8' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-arrow-tertiary: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83325 9.99984H14.1666M10.8333 13.3332L14.1666 9.99984L10.8333 6.6665' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-icon-search: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13 13 6 6M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-icon-search-white: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m13 13 6 6M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-icon-more: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.5h7m-18 0h2m0 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0m15-6h1m-18 0h7M14.5 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-icon-filter: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.5h7m-18 0h2m0 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0m15-6h1m-18 0h7M14.5 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-icon-filter-white: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9.5h7m-18 0h2m0 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0m15-6h1m-18 0h7M14.5 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--amenatys-button-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-border: var(--amenatys-button-background);
	--amenatys-button-color: var(--wp--preset--color--base);
	--amenatys-button-hover-background: var(--wp--preset--color--base);
	--amenatys-button-hover-border: var(--amenatys-button-border);
	--amenatys-button-hover-color: var(--wp--custom--amenatys-button--background);
	--amenatys-button-icon-background: var(--wp--preset--color--base);
	--amenatys-button-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-hover-icon-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-white);
	--amenatys-button-height: 40px;
	--amenatys-button-icon-size: 32px;
	--amenatys-button-icon-background-size: 24px;
	--amenatys-button-inline-icon-size: 20px;
	--amenatys-button-inline-icon-gap: 8px;
	--amenatys-button-inline-icon-edge-padding: 8px;
	--amenatys-button-default-icon-gap: 19px;
	--amenatys-button-padding-x: 24px;
	--amenatys-button-padding-y: 5px;
	--amenatys-button-icon-only-size: var(--amenatys-button-height);
	--amenatys-button-icon-only-padding: calc((var(--amenatys-button-icon-only-size) - var(--amenatys-button-inline-icon-size)) / 2);
	--amenatys-button-padding: var(--amenatys-button-padding-y) var(--amenatys-button-padding-x);
	--amenatys-button-padding-with-default-icon: var(--amenatys-button-padding-y) 5px var(--amenatys-button-padding-y) var(--amenatys-button-padding-x);
	--amenatys-button-padding-with-inline-icon-leading: var(--amenatys-button-padding-y) var(--amenatys-button-padding-x) var(--amenatys-button-padding-y) var(--amenatys-button-inline-icon-edge-padding);
	--amenatys-button-padding-with-inline-icon-trailing: var(--amenatys-button-padding-y) var(--amenatys-button-inline-icon-edge-padding) var(--amenatys-button-padding-y) var(--amenatys-button-padding-x);
	--amenatys-button-font-size: var(--wp--preset--font-size--text-xs);
	--amenatys-button-font-weight: var(--wp--custom--font-weight--semi-bold);
	--amenatys-button-line-height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	gap: 0;
	width: auto;
	min-height: var(--amenatys-button-height);
	padding: var(--amenatys-button-padding);
	color: var(--amenatys-button-color);
	font-family: var(--wp--preset--font-family--poppins);
	font-size: var(--amenatys-button-font-size);
	font-weight: var(--amenatys-button-font-weight);
	line-height: var(--amenatys-button-line-height);
	text-decoration: none;
	white-space: nowrap;
	background: var(--amenatys-button-background);
	border: 1px solid var(--amenatys-button-border);
	border-radius: var(--wp--preset--border-radius--full);
	transition: color var(--wp--custom--amenatys-button--transition), background-color var(--wp--custom--amenatys-button--transition), border-color var(--wp--custom--amenatys-button--transition);
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:hover,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:focus-visible,
.wp-block-button__link.wp-element-button:hover,
.wp-block-button__link.wp-element-button:focus-visible {
	color: var(--amenatys-button-hover-color);
	text-decoration: none;
	background: var(--amenatys-button-hover-background);
	border-color: var(--amenatys-button-hover-border);
	outline: none;
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:focus-visible,
.wp-block-button__link.wp-element-button:focus-visible {
	box-shadow: 0 0 0 3px var(--wp--custom--amenatys-button--focus-ring);
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button::after,
.wp-block-button__link.wp-element-button::after {
	content: none;
}

:where(.wp-block-button, .wp-block-button-obf):is(.has-icon, .is-style-outline-arrow) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.has-icon,
.wp-block-button__link.wp-element-button.has-icon {
	gap: 0;
	padding: var(--amenatys-button-padding-with-default-icon);
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.has-inline-icon,
.wp-block-button__link.wp-element-button.has-inline-icon {
	gap: var(--amenatys-button-inline-icon-gap);
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.has-inline-icon.has-inline-icon--leading,
.wp-block-button__link.wp-element-button.has-inline-icon.has-inline-icon--leading {
	padding: var(--amenatys-button-padding-with-inline-icon-leading);
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.has-inline-icon.has-inline-icon--trailing,
.wp-block-button__link.wp-element-button.has-inline-icon.has-inline-icon--trailing {
	padding: var(--amenatys-button-padding-with-inline-icon-trailing);
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.has-inline-icon> :is(svg, img, .amenatys-menu__action-icon),
.wp-block-button__link.wp-element-button.has-inline-icon> :is(svg, img, .amenatys-menu__action-icon) {
	width: var(--amenatys-button-inline-icon-size);
	height: var(--amenatys-button-inline-icon-size);
	flex: 0 0 auto;
}

:where(.wp-block-button, .wp-block-button-obf):is(.has-icon, .is-icon-only, .is-style-outline-arrow) .wp-element-button::after,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon, .is-icon-only)::after,
.wp-block-button__link.wp-element-button:is(.has-icon, .is-icon-only)::after {
	content: "";
	display: block;
	width: var(--amenatys-button-icon-size);
	height: var(--amenatys-button-icon-size);
	flex: 0 0 var(--amenatys-button-icon-size);
	margin-left: var(--amenatys-button-default-icon-gap);
	background-color: var(--amenatys-button-icon-background);
	background-image: var(--amenatys-button-icon-image);
	background-position: center;
	background-repeat: no-repeat;
	background-size: var(--amenatys-button-icon-background-size);
	border-radius: var(--wp--preset--border-radius--full);
	transition: background-color var(--wp--custom--amenatys-button--transition), background-image var(--wp--custom--amenatys-button--transition);
}

:where(.wp-block-button, .wp-block-button-obf):is(.has-icon, .is-icon-only, .is-style-outline-arrow) .wp-element-button:is(:hover, :focus-visible)::after,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon, .is-icon-only):is(:hover, :focus-visible)::after,
.wp-block-button__link.wp-element-button:is(.has-icon, .is-icon-only):is(:hover, :focus-visible)::after {
	background-color: var(--amenatys-button-hover-icon-background);
	background-image: var(--amenatys-button-hover-icon-image);
}

:where(.wp-block-button, .wp-block-button-obf).is-icon-only .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-icon-only,
.wp-block-button__link.wp-element-button.is-icon-only {
	width: var(--amenatys-button-icon-only-size);
	height: var(--amenatys-button-icon-only-size);
	min-width: var(--amenatys-button-icon-only-size);
	min-height: var(--amenatys-button-icon-only-size);
	padding: var(--amenatys-button-icon-only-padding);
	gap: 0;
}

:where(.wp-block-button, .wp-block-button-obf).is-icon-only .wp-element-button::after,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-icon-only::after,
.wp-block-button__link.wp-element-button.is-icon-only::after {
	width: var(--amenatys-button-inline-icon-size);
	height: var(--amenatys-button-inline-icon-size);
	flex-basis: var(--amenatys-button-inline-icon-size);
	margin-left: 0;
	background-color: transparent;
	background-size: var(--amenatys-button-inline-icon-size) var(--amenatys-button-inline-icon-size);
}

:where(.wp-block-button, .wp-block-button-obf).is-icon-only .wp-element-button.has-inline-icon::after,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-icon-only.has-inline-icon::after,
.wp-block-button__link.wp-element-button.is-icon-only.has-inline-icon::after {
	content: none;
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button .screen-reader-text,
.wp-block-button__link.wp-element-button .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-size-sm) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-size-sm,
.wp-block-button__link.wp-element-button.is-size-sm {
	--amenatys-button-height: 36px;
	--amenatys-button-icon-size: 28px;
	--amenatys-button-padding-x: 24px;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-xs);
	--amenatys-button-line-height: 18px;
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-size-md) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-size-md,
.wp-block-button__link.wp-element-button.is-size-md {
	--amenatys-button-height: 40px;
	--amenatys-button-icon-size: 32px;
	--amenatys-button-padding-x: 24px;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-xs);
	--amenatys-button-line-height: 18px;
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-size-lg) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-size-lg,
.wp-block-button__link.wp-element-button.is-size-lg {
	--amenatys-button-height: 44px;
	--amenatys-button-icon-size: 34px;
	--amenatys-button-padding-x: 24px;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-sm);
	--amenatys-button-line-height: var(--wp--custom--line-height--body-sm);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-size-xl) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-size-xl,
.wp-block-button__link.wp-element-button.is-size-xl {
	--amenatys-button-height: 48px;
	--amenatys-button-icon-size: 38px;
	--amenatys-button-padding-x: 24px;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-sm);
	--amenatys-button-line-height: var(--wp--custom--line-height--body-sm);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-size-2-xl) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-size-2-xl,
.wp-block-button__link.wp-element-button.is-size-2-xl {
	--amenatys-button-height: 56px;
	--amenatys-button-icon-size: 46px;
	--amenatys-button-inline-icon-size: 24px;
	--amenatys-button-padding-x: 30px;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-md);
	--amenatys-button-line-height: var(--wp--custom--line-height--body-md);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-size-3-xl) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button.is-size-3-xl,
.wp-block-button__link.wp-element-button.is-size-3-xl {
	--amenatys-button-height: 60px;
	--amenatys-button-icon-size: 50px;
	--amenatys-button-inline-icon-size: 24px;
	--amenatys-button-padding-x: 30px;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-md);
	--amenatys-button-line-height: var(--wp--custom--line-height--body-md);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-primary, .is-style-default, .is-style-fill, .is-style-level4) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-primary, .is-style-default, .is-style-fill, .is-style-level4),
.wp-block-button__link.wp-element-button:is(.is-style-primary, .is-style-default, .is-style-fill, .is-style-level4) {
	--amenatys-button-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-border: var(--wp--custom--amenatys-button--background);
	--amenatys-button-color: var(--wp--preset--color--base);
	--amenatys-button-hover-background: var(--wp--preset--color--base);
	--amenatys-button-hover-border: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-color: var(--wp--custom--amenatys-button--background);
	--amenatys-button-icon-background: var(--wp--preset--color--base);
	--amenatys-button-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-hover-icon-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-white);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary, .is-style-secondary-button) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary, .is-style-secondary-button),
.wp-block-button__link.wp-element-button:is(.is-style-secondary, .is-style-secondary-button) {
	--amenatys-button-background: rgba(255, 255, 255, 1);
	--amenatys-button-border: var(--wp--custom--amenatys-button--border);
	--amenatys-button-color: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-border: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-color: var(--wp--preset--color--base);
	--amenatys-button-icon-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-icon-image: var(--amenatys-button-arrow-white);
	--amenatys-button-hover-icon-background: var(--wp--preset--color--base);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-black);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-light, .is-style-outline-arrow) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary-light, .is-style-outline-arrow),
.wp-block-button__link.wp-element-button:is(.is-style-secondary-light, .is-style-outline-arrow) {
	--amenatys-button-background: transparent;
	--amenatys-button-border: var(--wp--preset--color--base);
	--amenatys-button-color: var(--wp--preset--color--base);
	--amenatys-button-hover-background: transparent;
	--amenatys-button-hover-border: var(--wp--preset--color--base);
	--amenatys-button-hover-color: var(--wp--preset--color--base);
	--amenatys-button-icon-background: var(--wp--preset--color--base);
	--amenatys-button-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-hover-icon-background: var(--wp--preset--color--primary);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-white);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-grey, .is-style-outline) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary-grey, .is-style-outline),
.wp-block-button__link.wp-element-button:is(.is-style-secondary-grey, .is-style-outline) {
	--amenatys-button-background: transparent;
	--amenatys-button-border: var(--wp--custom--amenatys-button--text);
	--amenatys-button-color: var(--wp--custom--amenatys-button--text);
	--amenatys-button-hover-background: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-border: var(--wp--custom--amenatys-button--background);
	--amenatys-button-hover-color: var(--wp--preset--color--base);
	--amenatys-button-icon-size: 24px;
	--amenatys-button-icon-background-size: 24px;
	--amenatys-button-icon-background: transparent;
	--amenatys-button-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-hover-icon-background: transparent;
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-white);
	--amenatys-button-default-icon-gap: 6px;
	--amenatys-button-padding: 10px 24px;
	--amenatys-button-padding-with-default-icon: 10px 8px 10px 24px;
	--amenatys-button-padding-with-inline-icon-leading: 10px 24px 10px 8px;
	--amenatys-button-padding-with-inline-icon-trailing: 10px 8px 10px 24px;
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-tertiary, .is-style-level3) .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-tertiary, .is-style-level3),
.wp-block-button__link.wp-element-button:is(.is-style-tertiary, .is-style-level3) {
	--amenatys-button-background: transparent;
	--amenatys-button-border: transparent;
	--amenatys-button-color: var(--wp--custom--amenatys-button--text);
	--amenatys-button-hover-background: transparent;
	--amenatys-button-hover-border: transparent;
	--amenatys-button-hover-color: var(--wp--preset--color--primary-darken);
	--amenatys-button-icon-size: 20px;
	--amenatys-button-icon-background-size: 20px;
	--amenatys-button-icon-background: transparent;
	--amenatys-button-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-hover-icon-background: transparent;
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-default-icon-gap: 4px;
	--amenatys-button-padding: 6px 0;
	--amenatys-button-padding-with-default-icon: 6px 0;
	--amenatys-button-padding-with-inline-icon-leading: 6px 0;
	--amenatys-button-padding-with-inline-icon-trailing: 6px 0;
	--amenatys-button-font-size: var(--wp--preset--font-size--text-sm);
	--amenatys-button-font-weight: var(--wp--custom--font-weight--medium);
	--amenatys-button-line-height: var(--wp--custom--line-height--body-sm);
	box-shadow: none;
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-tertiary, .is-style-level3),
.wp-block-button__link.wp-element-button:is(.is-style-tertiary, .is-style-level3) {
	min-height: auto;
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-tertiary, .is-style-level3):is(.has-icon, .is-icon-only, .is-style-outline-arrow) .wp-element-button::after,
:where(.wp-block-button, .wp-block-button-obf):is(.is-style-tertiary, .is-style-level3) .wp-element-button:is(.has-icon, .is-icon-only)::after,
:where(.wp-block-button, .wp-block-button-obf):is(.has-icon, .is-icon-only, .is-style-outline-arrow) .wp-element-button:is(.is-style-tertiary, .is-style-level3)::after,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-tertiary, .is-style-level3):is(.has-icon, .is-icon-only)::after,
.wp-block-button__link.wp-element-button:is(.is-style-tertiary, .is-style-level3):is(.has-icon, .is-icon-only)::after {
	background-color: currentColor;
	background-image: none;
	-webkit-mask-image: var(--amenatys-button-arrow-tertiary);
	mask-image: var(--amenatys-button-arrow-tertiary);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: var(--amenatys-button-icon-background-size);
	mask-size: var(--amenatys-button-icon-background-size);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-grey):is(.has-icon, .is-icon-only) .wp-element-button::after,
:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-grey) .wp-element-button:is(.has-icon, .is-icon-only)::after,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary-grey):is(.has-icon, .is-icon-only)::after,
.wp-block-button__link.wp-element-button:is(.is-style-secondary-grey):is(.has-icon, .is-icon-only)::after {
	background-color: currentColor;
	background-image: none;
	-webkit-mask-image: var(--amenatys-button-arrow-tertiary);
	mask-image: var(--amenatys-button-arrow-tertiary);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: var(--amenatys-button-icon-background-size);
	mask-size: var(--amenatys-button-icon-background-size);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-primary, .is-style-default, .is-style-fill, .is-style-level4) .wp-element-button.is-icon-only,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-primary, .is-style-default, .is-style-fill, .is-style-level4).is-icon-only,
.wp-block-button__link.wp-element-button:is(.is-style-primary, .is-style-default, .is-style-fill, .is-style-level4).is-icon-only {
	--amenatys-button-icon-image: var(--amenatys-button-arrow-white);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-black);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary, .is-style-secondary-button) .wp-element-button.is-icon-only,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary, .is-style-secondary-button).is-icon-only,
.wp-block-button__link.wp-element-button:is(.is-style-secondary, .is-style-secondary-button).is-icon-only {
	--amenatys-button-icon-image: var(--amenatys-button-arrow-black);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-white);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-light, .is-style-outline-arrow) .wp-element-button.is-icon-only,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary-light, .is-style-outline-arrow).is-icon-only,
.wp-block-button__link.wp-element-button:is(.is-style-secondary-light, .is-style-outline-arrow).is-icon-only {
	--amenatys-button-icon-image: var(--amenatys-button-arrow-white);
	--amenatys-button-hover-icon-image: var(--amenatys-button-arrow-white);
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-grey, .is-style-outline).is-size-2-xl .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary-grey, .is-style-outline).is-size-2-xl,
.wp-block-button__link.wp-element-button:is(.is-style-secondary-grey, .is-style-outline).is-size-2-xl {
	--amenatys-button-icon-only-size: 52px;
}

:where(.wp-block-button, .wp-block-button-obf):is(.is-style-secondary-grey, .is-style-outline).is-size-3-xl .wp-element-button,
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-style-secondary-grey, .is-style-outline).is-size-3-xl,
.wp-block-button__link.wp-element-button:is(.is-style-secondary-grey, .is-style-outline).is-size-3-xl {
	--amenatys-button-icon-only-size: 56px;
}

.wp-block-button a.has-base-background-color:hover {
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--tertiary) !important;
}

@media (max-width: 767px) {

	:where(.wp-block-button, .wp-block-button-obf):is(.is-size-xl, .is-size-2-xl, .is-size-3-xl) .wp-element-button,
	:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.is-size-xl, .is-size-2-xl, .is-size-3-xl),
	.wp-block-button__link.wp-element-button:is(.is-size-xl, .is-size-2-xl, .is-size-3-xl) {
		--amenatys-button-height: 44px;
		--amenatys-button-icon-size: 34px;
		--amenatys-button-inline-icon-size: 20px;
		--amenatys-button-icon-only-size: var(--amenatys-button-height);
		--amenatys-button-padding-x: 24px;
		--amenatys-button-font-size: var(--wp--preset--font-size--text-sm);
		--amenatys-button-line-height: var(--wp--custom--line-height--body-sm);
	}
}

/*****/

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--search):after,
.wp-block-button__link.wp-element-button:is(.has-icon--search):after {
	background-image: var(--amenatys-button-icon-search);
	background-size: 60%;
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--search):hover:after,
.wp-block-button__link.wp-element-button:is(.has-icon--search):hover:after {
	background-image: var(--amenatys-button-icon-search-white);
}

/*****/
:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--more),
.wp-block-button__link.wp-element-button:is(.has-icon--more) {
	padding: 10px 24px;
	vertical-align: middle;

	@media (max-width: 767px) {
		width: 44px;
		height: 44px;
		padding: 0;
		border-radius: 50%;
		text-align: center;
	}
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--more):after,
.wp-block-button__link.wp-element-button:is(.has-icon--more):after {
	display: none;
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--more):before,
.wp-block-button__link.wp-element-button:is(.has-icon--more):before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-image: var(--amenatys-button-icon-more);
	display: inline-block;
	width: 20px;
	height: 22px;
	flex: 0 0 20px;
	margin-right: var(--amenatys-button-default-icon-gap);

	@media (max-width: 767px) {
		margin-right: 0;
	}
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--more):hover:before,
.wp-block-button__link.wp-element-button:is(.has-icon--more):hover:before {
	background-image: var(--amenatys-button-icon-filter-white);
}

/*****/

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--filter):after,
.wp-block-button__link.wp-element-button:is(.has-icon--filter):after {
	background-image: var(--amenatys-button-icon-filter);
	background-size: 60%;
}

:where(.wp-block-button, .wp-block-button-obf) .wp-element-button:is(.has-icon--filter):hover:after,
.wp-block-button__link.wp-element-button:is(.has-icon--filter):hover:after {
	background-image: var(--amenatys-button-icon-filter-white);
}

/* bouton readmore */
.readmore {
	font-size: 1.125rem;
	color: var(--wp--preset--color--primary);
	font-weight: bold;
	font-family: var(--wp--preset--font-family--poppins);
	display: flex;
	align-items: center;
	text-decoration: none;

	&:hover {
		cursor: pointer;
	}

	&:after {
		content: '+';
		margin-left: 5px;
	}

	&.open {
		&:after {
			content: '-';
		}
	}
}

/******************/

button.reset {
	&:before {
		content: '';
		width: 12px;
		height: 12px;
		display: inline-block;
		margin-right: 9px;
		background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 11L6.00001 6.00001M6.00001 6.00001L1 1M6.00001 6.00001L11 1M6.00001 6.00001L1 11' stroke='%23272726' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
}
