/**
 * 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;
}
/* -------------------------------------------------------------------------
   Bouton « S'abonner au Cri » 
   ------------------------------------------------------------------------- */
   .btn-abonner{
	border: 1px solid transparent;
/* Bouton */
font-family: "Amplitude Wide";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 145%; /* 26.1px */
	display: flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
   border-radius: var(--micro, 6px);
   background: var(--Rouge, #EF0000);
   }

.btn-abonner p,
.btn-abonner .wp-block-paragraph,
.btn-abonner a {
	color: #fff !important;
	font-family: "amplitude-wide", sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 145% !important; /* 26.1px */
	text-decoration: none !important;
	margin: 0 !important;
}

.btn-abonner:hover p,
.btn-abonner:hover .wp-block-paragraph,
.btn-abonner:hover a {
	color: #fff !important;
}
   .btn-abonner:hover{
	border-radius: var(--micro, 6px);
border: 1px solid #000;
background: var(--Rouge, #EF0000);
box-shadow: 3px 3px 0 0 #000;
   }

/* Rendre tout le bloc "btn-abonner" cliquable (en étendant le <a> sur l'ensemble) */
.btn-abonner--clic-tout{
	position: relative;
	cursor: pointer;
}

.btn-abonner--clic-tout a{
	display: flex;
	align-items: center;
	justify-content: center;
}

/* -------------------------------------------------------------------------
   Bouton « Acheter »
   ------------------------------------------------------------------------- */

   .btn-acheter{
	border: 1px solid #000;
/* Bouton */
font-family: "Amplitude Wide";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 145%; /* 26.1px */
padding: 6px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch;
   border-radius: var(--micro, 6px);
   background: var(--Rouge, #FFF);
   }

.btn-acheter p,
.btn-acheter .wp-block-paragraph,
.btn-acheter a {
	color: #000 !important;
	font-family: "amplitude-wide", sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: 145% !important; /* 26.1px */
	text-decoration: none !important;
	margin: 0 !important;
}

.btn-acheter:hover p,
.btn-acheter:hover .wp-block-paragraph,
.btn-acheter:hover a {
	color: #000 !important;
}
   .btn-acheter:hover{
	border-radius: var(--micro, 6px);
border: 1px solid #000;
background: var(--Rouge, #FFF);
box-shadow: 3px 3px 0 0 #000;
   }

/* Rendre tout le bloc "btn-abonner" cliquable (en étendant le <a> sur l'ensemble) */
.btn-acheter--clic-tout{
	position: relative;
	cursor: pointer;
}

.btn-acheter--clic-tout a{
	display: flex;
	align-items: center;
	justify-content: center;
}