/**
 * Le Cri — boutons
 */

/* -------------------------------------------------------------------------
   Bouton plein
   ------------------------------------------------------------------------- */

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-element-button,
form#sib_signup_form_1 .sib-default-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: var(--wp--custom--border-radius--micro, 6px);
	color: var(--wp--preset--color--blanc, #fff);
	background: var(--wp--preset--color--rouge, #ef0000);
	font-family: var(--wp--preset--font-family--amplitude-wide, "amplitude-wide", sans-serif);
	font-size: var(--wp--preset--font-size--texte, 18px);
	font-style: normal;
	font-weight: 500;
	line-height: 1.45;
	padding: var(--wp--preset--spacing--btn-y, 12px) var(--wp--preset--spacing--btn-x, 16px);
	border: 1px solid transparent;
	text-decoration: none;
	transition:
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-element-button:hover,
form#sib_signup_form_1 .sib-default-btn:hover {
	color: var(--wp--preset--color--blanc, #fff);
	background: var(--wp--preset--color--rouge, #ef0000);
	border: 1px solid #000;
	box-shadow: 3px 3px 0 0 var(--wp--preset--color--noir, #000);
}

/* -------------------------------------------------------------------------
   Bouton contour
   ------------------------------------------------------------------------- */

.wp-block-button.is-style-outline .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border: 1px solid #000;
	border-radius: var(--wp--custom--border-radius--micro, 6px);
	color: var(--wp--preset--color--noir, #000);
	background: transparent;
	font-family: var(--wp--preset--font-family--amplitude-wide, "amplitude-wide", sans-serif);
	font-size: var(--wp--preset--font-size--texte, 18px);
	font-style: normal;
	font-weight: 500;
	line-height: 1.45;
	padding: var(--wp--preset--spacing--btn-y, 12px) var(--wp--preset--spacing--btn-x, 16px);
	outline: none;
	outline-offset: 0;
	text-decoration: none;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border: 1px solid #000;
	color: var(--wp--preset--color--noir, #000);
	background: var(--wp--preset--color--blanc, #fff);
	box-shadow: 3px 3px 0 0 var(--wp--preset--color--noir, #000);
	outline: none;
	outline-offset: 0;
}

/* -------------------------------------------------------------------------
   Bouton « Acheter numéro » — icône plus.svg
   ------------------------------------------------------------------------- */

.wp-block-button.acheter-numero .wp-block-button__link {
	white-space: nowrap;
}

.wp-block-button.acheter-numero .wp-block-button__link::before {
	content: "";
	flex-shrink: 0;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	mask: url("../svg/plus.svg") center / contain no-repeat;
	-webkit-mask: url("../svg/plus.svg") center / contain no-repeat;
}

/* -------------------------------------------------------------------------
   Bouton « Faire un don » 
   ------------------------------------------------------------------------- */
   .btn-don{
	display: flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: var(--micro, 6px);
border: 1px solid #000;
   }
   .btn-don:hover{
	display: inline-flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: var(--micro, 6px);
border: 1px solid #000;
background: #FFF;
box-shadow: 3px 3px 0 0 #000;
   }

.disable-default-overlay .wp-block-navigation__responsive-container-close {
    margin-left: 24px !important;
    margin-top: 24px !important;
}