/* CTA (HAUT & BAS identiques) */
.cta-container, .cta-banner-compact{
  background:#f9f9f9;border:2px solid #28a745;border-radius:10px;
  padding:30px 20px;max-width:700px;margin:40px auto;text-align:center;box-sizing:border-box;
}
.cta-titre{font-size:1.4rem;font-weight:600;margin:0 0 15px;color:#333}
.cta-texte{font-size:1rem;margin:0 0 25px;color:#222;line-height:1.5}
a.cta-bouton{
  display:inline-flex;align-items:center;justify-content:center;border-radius:8px;
  padding:16px 28px;font-weight:700;font-size:1.4rem;transition:background-color .3s ease;
  background:#28a745!important;color:#fff!important;text-decoration:none!important;
}
a.cta-bouton:hover{background:#218838!important}
.cta-bouton .emoji{margin-right:10px;font-size:1.4em;line-height:1;vertical-align:middle}
@media (max-width:500px){
  .cta-titre{font-size:1.2rem}
  a.cta-bouton{font-size:1.2rem;padding:14px 22px}
  .cta-bouton .emoji{font-size:1.2em}
}
@media (max-width:640px){
  .cta-bouton .emoji{display:none !important; margin:0 !important;}
  /* si tu avais un fallback : */
  .cta-bouton .emoji:empty::before{content:none !important;}
}
/* Mobile : bouton plus grand (+2 tailles) */
@media (max-width:640px){
  a.cta-bouton{
    font-size: 1.6rem !important;  /* avant 1.2rem */
    padding: 16px 24px;            /* ajuste un peu le padding */
    line-height: 1.15;
  }
  .cta-bouton .emoji{display:none !important;} /* comme demandé, pas d’emoji en mobile */
}
/* Mobile : titre +2 tailles (~1.6rem) */
@media (max-width:640px){
  .cta-titre{font-size:1.6rem !important; line-height:1.25;}
  /* si tu as défini un style spécifique pour le haut */
  .cta-banner-compact .cta-titre{font-size:1.6rem !important;}
}