/**
 * Bouton Gutenberg (core/button) — Figma node 11388:23988
 */

.wp-block-button {
	max-width: 100%;
}

.wp-block-button .wp-block-button__link,
.wp-block-button a.wp-element-button,
.wp-block-button button.wp-element-button {
	max-width: 100%;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
}

.wp-block-button.abm-button-echm {
	--abm-button-bg: #26455f;
	--abm-button-text: #d1f8d0;
	max-width: 100%;
}

.wp-block-button.abm-button-echm .wp-block-button__link,
.wp-block-button.abm-button-echm a.wp-element-button,
.wp-block-button.abm-button-echm button.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	padding: 10px 20px;
	border-radius: 32px;
	background-color: var(--abm-button-bg);
	color: var(--abm-button-text);
	border: none;
	font-family: 'Hanken Grotesk', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 1.6px;
	text-decoration: none;
	white-space: normal;
	overflow-wrap: break-word;
	word-break: break-word;
	transition: opacity 0.2s ease;
	box-sizing: border-box;
}

.wp-block-button.abm-button-echm.has-custom-width .wp-block-button__link,
.wp-block-button.abm-button-echm.has-custom-width a.wp-element-button,
.wp-block-button.abm-button-echm.has-custom-width button.wp-element-button {
	width: 100%;
}

.wp-block-button.abm-button-echm .wp-block-button__link.has-text-align-left,
.wp-block-button.abm-button-echm a.wp-element-button.has-text-align-left,
.wp-block-button.abm-button-echm button.wp-element-button.has-text-align-left {
	justify-content: flex-start;
	text-align: left;
}

.wp-block-button.abm-button-echm .wp-block-button__link.has-text-align-center,
.wp-block-button.abm-button-echm a.wp-element-button.has-text-align-center,
.wp-block-button.abm-button-echm button.wp-element-button.has-text-align-center {
	justify-content: center;
	text-align: center;
}

.wp-block-button.abm-button-echm .wp-block-button__link.has-text-align-right,
.wp-block-button.abm-button-echm a.wp-element-button.has-text-align-right,
.wp-block-button.abm-button-echm button.wp-element-button.has-text-align-right {
	justify-content: flex-end;
	text-align: right;
}

.wp-block-button.abm-button-echm .wp-block-button__link:hover,
.wp-block-button.abm-button-echm .wp-block-button__link:focus {
	color: var(--abm-button-text);
	background-color: var(--abm-button-bg);
	opacity: 0.9;
	text-decoration: none;
}

/* Pictogramme après le texte — cercle inversé (Figma icon frame 11369:8590) */

.wp-block-button.abm-button-echm .abm-button-echm__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 9999px;
	background-color: var(--abm-button-text);
	color: var(--abm-button-bg);
}

.wp-block-button.abm-button-echm .abm-button-echm__icon svg {
	display: block;
	width: 19px;
	height: 15px;
	fill: currentColor;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm {
	color: unset;
	background-color: unset;
	font-size: unset;
	font-style: unset;
	font-weight: unset;
	letter-spacing: unset;
	text-transform: unset;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.abm-button-echm a.wp-element-button,
.editor-styles-wrapper .wp-block-button.abm-button-echm button.wp-element-button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	width: fit-content !important;
	max-width: 100% !important;
	min-width: 0 !important;
	padding: 10px 20px !important;
	border-radius: 32px !important;
	background-color: var(--abm-button-bg) !important;
	color: var(--abm-button-text) !important;
	border: none !important;
	font-family: 'Hanken Grotesk', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	letter-spacing: 1.6px !important;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: normal !important;
	overflow-wrap: break-word !important;
	word-break: break-word !important;
	box-sizing: border-box !important;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm.has-custom-width .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.abm-button-echm.has-custom-width a.wp-element-button,
.editor-styles-wrapper .wp-block-button.abm-button-echm.has-custom-width button.wp-element-button {
	width: 100% !important;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm .wp-block-button__link.has-text-align-left,
.editor-styles-wrapper .wp-block-button.abm-button-echm a.wp-element-button.has-text-align-left,
.editor-styles-wrapper .wp-block-button.abm-button-echm button.wp-element-button.has-text-align-left {
	justify-content: flex-start !important;
	text-align: left !important;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm .wp-block-button__link.has-text-align-center,
.editor-styles-wrapper .wp-block-button.abm-button-echm a.wp-element-button.has-text-align-center,
.editor-styles-wrapper .wp-block-button.abm-button-echm button.wp-element-button.has-text-align-center {
	justify-content: center !important;
	text-align: center !important;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm .wp-block-button__link.has-text-align-right,
.editor-styles-wrapper .wp-block-button.abm-button-echm a.wp-element-button.has-text-align-right,
.editor-styles-wrapper .wp-block-button.abm-button-echm button.wp-element-button.has-text-align-right {
	justify-content: flex-end !important;
	text-align: right !important;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm .abm-button-echm__icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 9999px;
	background-color: var(--abm-button-text);
	color: var(--abm-button-bg);
	pointer-events: none;
	user-select: none;
}

.editor-styles-wrapper .wp-block-button.abm-button-echm .abm-button-echm__icon svg {
	display: block;
	width: 19px;
	height: 15px;
	fill: currentColor;
}

/* Fallback éditeur : picto CSS si React supprime le span injecté */
.editor-styles-wrapper .wp-block-button.abm-button-echm:not(:has(.abm-button-echm__icon)) .wp-block-button__link::after,
.editor-styles-wrapper .wp-block-button.abm-button-echm:not(:has(.abm-button-echm__icon)) a.wp-element-button::after,
.editor-styles-wrapper .wp-block-button.abm-button-echm:not(:has(.abm-button-echm__icon)) button.wp-element-button::after {
	content: '';
	display: inline-block;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 9999px;
	background-color: var(--abm-button-text);
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.15338V6.13831H15.1344L10.4254 1.42935L11.8545 0.000223706L19.0002 7.14585L11.8545 14.2915L10.4254 12.8623L15.1344 8.15338H0Z' fill='%2326455F'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 19px 15px;
}