@charset "UTF-8";
/**
 * CSS pour les boutons personnalisés
 *
 * @package gncom-v8
 */

/* Bouton outline */
/* pas dynamique. N'hérite pas de theme.json */
.wp-block-button[class*="-outline"] .wp-block-button__link {
    border-width: 1px;
    border-style: solid;
    padding-top: var(--wp--preset--spacing--petit);
    padding-right: var(--wp--preset--spacing--normal);
    padding-bottom: var(--wp--preset--spacing--petit);
    padding-left: var(--wp--preset--spacing--normal);
} 

/* Boutons avec icônes */

.wp-block-button[class*="is-style-bouton-icone"] .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.wp-block-button[class*="is-style-bouton-icone"] .wp-block-button__link::after {
	font-family: "Icones Font";
}
.wp-block-button[class*="-fleche-droite"] .wp-block-button__link::after {
	content: "\ea06" / "Flèche vers la droite";
}
.wp-block-button[class*="-fleche-basse"] .wp-block-button__link::after {
	content: "\ea04" / "Flèche vers le bas";
}
.wp-block-button[class*="-telechargement"] .wp-block-button__link::after {
	content: "\ea02" / "Télécharger";
}
.wp-block-button[class*="-lire"] .wp-block-button__link::after {
	content: "\ea03" / "Lire";
}
.wp-block-button[class*="-newsletter"] .wp-block-button__link::after {
	content: "\ea22" / "Newsletter";
}
.wp-block-button[class*="-don"] .wp-block-button__link::after {
	content: "\ea1a" / "Don";
}
.wp-block-button[class*="-idee"] .wp-block-button__link::after {
	content: "\ea42" / "Idée";
}
.wp-block-button[class*="-dialogue"] .wp-block-button__link::after {
	content: "\ea2a" / "Dialogue";
}

/* Boutons Hover */

.wp-block-button .wp-block-button__link:hover,
.gform_wrapper.gravity-theme .gform_footer input:hover  {
	background-color: var(--wp--preset--color--couleur-1);
	border-color: var(--wp--preset--color--couleur-1);
}
.wp-block-button[class*="-outline"] .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--transparent);
	border-color: var(--wp--preset--color--couleur-1);
	color: var(--wp--preset--color--couleur-1);
}
.wp-block-button[class*="-couleur-1"] .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--couleur-2) !important;
	border-color: var(--wp--preset--color--couleur-2);
}