/* Retouches demandées par le client, hors de ce que produisait Framer.
   Chaque règle porte le numéro de son ticket dans le backoffice. */

/* #102 et #104 : les deux renvois de la page Environnement étaient des liens
   bleus de navigateur. Le client demande des boutons. Le style ne vaut que
   pour ce preset, qui ne sert qu'à ces deux liens. */
a[data-styles-preset="otQX0R_q7"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 12px 22px;
  border-radius: 999px;
  background: #0f0e0e;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  transition: background .2s ease, transform .2s ease;
}
/* La pastille verte des boutons du site, reprise ici pour rester dans la
   même famille que « Faire un don ». */
a[data-styles-preset="otQX0R_q7"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #19c615;
  flex: none;
}
a[data-styles-preset="otQX0R_q7"]::after {
  content: "→";
  font-weight: 400;
  transition: transform .2s ease;
}
a[data-styles-preset="otQX0R_q7"]:hover {
  background: #2c2b2b;
}
a[data-styles-preset="otQX0R_q7"]:hover::after {
  transform: translateX(3px);
}
@media (prefers-reduced-motion: reduce) {
  a[data-styles-preset="otQX0R_q7"],
  a[data-styles-preset="otQX0R_q7"]::after { transition: none }
}

/* #142 : les cinq titres d'engagement, centrés. Le titre est posé dans un bloc
   qui épouse la ligne la plus longue ; sur deux lignes, la première restait
   collée à gauche. Le réglage doit vivre ici et non dans le HTML : le runtime
   de Framer réécrit le style en ligne du titre à l'hydratation. */
h1.framer-styles-preset-1gpp8zm { text-align: center !important }