/* ============================================================================
   GLASRISSE — Stile zur Klick-Animation (assets/button-cracks.js)
   Das Overlay .crk wird per JS als Kind in den Button gesetzt und auf dessen
   Diagonalschnitt-Form zugeschnitten (clip-path inline). Farben je Button-Art
   über --crack (Risslinie), --crack-sh (Schatten der Linie), --flash (Aufprall-Blitz).
   ============================================================================ */
.crk{position:absolute;inset:0;pointer-events:none;z-index:2;}
.crk.crk svg.crk-svg{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:hidden;flex:none;}   /* doppelte Klasse: schlägt "svg"-Icon-Regeln der Buttons */
.crk .crack{fill:none;stroke:var(--crack,#5c0518);stroke-linecap:round;stroke-linejoin:round;}
.crk .sh .crack{stroke:var(--crack-sh,rgba(92,5,24,.28));}
.crk.ghost .sh{display:none;}
.crk .flash{position:absolute;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--flash,rgba(92,5,24,.5)) 0,transparent 68%);}

/* Hero-Button: Elfenbein-Fläche → dunkelrote Risse */
.mh-btn{--crack:#5c0518;--crack-sh:rgba(92,5,24,.28);--flash:rgba(92,5,24,.5);}

/* Seiten-Buttons (Design V2): rote Fläche → helle Risse; Banner-Button (Elfenbein) → dunkelrote Risse */
[data-design="v2"] .btn{--crack:#f3f1ec;--crack-sh:rgba(30,0,8,.6);--flash:rgba(255,255,255,.9);}
[data-design="v2"] .btn-ghost-light{--crack:rgba(255,255,255,.85);--flash:rgba(255,255,255,.45);}
[data-design="v2"] .btn-ghost-gold{--crack:var(--brand-red);--flash:rgba(140,10,44,.4);}
[data-design="v2"] .cta-banner .btn,
[data-design="v2"] .news-stage .btn,
[data-design="v2"] .th-hero .btn-primary{--crack:#5c0518;--crack-sh:rgba(92,5,24,.28);--flash:rgba(92,5,24,.5);}