promo: freccia bottoni via ::after (modifiche dal canvas Claude Design)

Riporta nel codice le modifiche fatte da Adriano nel canvas di Claude Design: la
freccia dei bottoni diventa decorazione CSS (::after) invece di far parte del testo
del tag. I tag promo.hero.cta e promo.buy-label perdono la freccia e il maiuscolo
forzato (gestiti dal CSS .btn). promo-eventi2 usa la ::after globale di .btn;
promo-eventi (.lp) aggiunge ::after ai suoi bottoni custom per non perdere la freccia.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/pages/promo-eventi.astro

@@ -129,6 +129,9 @@ const wa = t('global.whatsapp');
     border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; cursor: pointer;
     text-decoration: none;
   }
+  /* La freccia è decorazione (il testo del tag non la include più) */
+  .lp .btn-sand::after { content: ' →'; }
+  .lp .card .buy::after { content: ' →'; }
 
   /* LAUNCH */
   .lp .launch { background: #F2ECE1; padding: 72px 64px; }

src/pages/promo-eventi2.astro

@@ -117,9 +117,6 @@ const wa = t('global.whatsapp');
      scope della pagina). Tutto è prefissato `.promo2`; la struttura usa le classi globali
      del sito (.section, .container, .btn, .eyebrow, .section-heading). -->
 <style is:global>
-  /* Il testo del bottone contiene già la freccia: nascondo la ::after globale di .btn */
-  .promo2 .btn::after { content: none; }
-
   /* Claim principale */
   .promo2 .claim-section { padding-block: 72px; text-align: center; }
   .promo2 .claim-wrap { max-width: 820px; margin: 0 auto; padding-inline: 20px; }