/* ============================================================
   CessioniItalia — components.css
   Estratto da index.html senza modificare regole o ordine di cascata.
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:9px;font-size:13px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .18s;white-space:nowrap}
.btn:hover{filter:brightness(.91);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--mid);color:#fff;box-shadow:0 2px 8px rgba(45,111,168,.3)}
.btn-navy{background:var(--navy);color:#fff}
.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid #2d405a}
.btn-ghost:hover{color:#fff;border-color:#4a6a8a}
.btn-success{background:var(--green);color:#fff}
.btn-danger{background:var(--red);color:#fff}
.btn-purple{background:var(--purple);color:#fff;box-shadow:0 2px 8px rgba(109,63,192,.3)}
.btn-outline{background:transparent;color:var(--mid);border:1.5px solid var(--mid)}
.btn-lg{padding:14px 32px;font-size:15px;border-radius:11px}
.btn-full{width:100%;justify-content:center;padding:14px;font-size:15px;border-radius:11px}
.btn-sm{padding:5px 11px;font-size:12px;border-radius:7px}