/* Groupe CTA + mention « Gratuit · 4 étapes · Sans engagement »
   Règle V3 (21/10) : auto-layout vertical centré, gap 8, mention en Legend centrée sous le bouton, partout (le groupe peut être calé à gauche, son contenu reste centré).
   Seule exception de la maquette : Aides et financements desktop (mention longue alignée à gauche, liste-filets.css). */

.cta-group {
  display: inline-flex; flex-direction: column; align-items: center; gap: var(--space-8);
}
.cta-group--block { display: flex; width: 100%; }
.cta-group--block .cta { width: 100%; }
.cta-group--start { align-self: flex-start; } /* groupe calé à gauche dans son conteneur ; bouton et mention restent centrés l'un sous l'autre */
.cta-group__note {
  font-size: var(--text-legend-size); line-height: var(--text-legend-lh); font-weight: var(--text-legend-weight);
  text-align: center; color: var(--brandt-carbon);
}
.on-dark .cta-group__note, .on-photo .cta-group__note { color: var(--brandt-white); }

/* Rangée d'actions (deux CTA côte à côte, gap 12 ; empilés en mobile) */
.actions { display: flex; flex-wrap: wrap; gap: var(--space-12); align-items: center; }
@media (max-width: 1023px) { .actions--stack-mobile { flex-direction: column; align-items: stretch; } }