/* ═══════════════════════════════════════════════════
   AiHaber — Button Components
   All button variants, sizes, and states
   ═══════════════════════════════════════════════════ */

/* ─── BASE BUTTON ────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;line-height:1.4;position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s}
.btn:hover::after{opacity:1}

/* ─── SIZES ──────────────────────────────────────── */
.btn-xs{padding:5px 10px;font-size:11px;border-radius:6px}
.btn-sm{padding:7px 14px;font-size:12px;border-radius:8px}
.btn-lg{padding:12px 28px;font-size:14px;border-radius:12px}
.btn-xl{padding:14px 36px;font-size:15px;border-radius:14px;font-weight:700}

/* ─── VARIANTS ───────────────────────────────────── */
.btn-primary{background:var(--c-pri);color:#fff}
.btn-primary:hover{background:var(--c-pri-light);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--c-pri-rgb),.3)}

.btn-outline{background:transparent;border:1.5px solid var(--c-border);color:var(--c-tx-2)}
.btn-outline:hover{border-color:var(--c-pri);color:var(--c-pri);background:var(--c-pri-bg)}

.btn-ghost{background:transparent;color:var(--c-tx-2);border:none}
.btn-ghost:hover{background:var(--c-bg-card-h);color:var(--c-tx)}

.btn-gradient{background:linear-gradient(135deg,var(--c-pri),#8B5CF6);color:#fff;border:none}
.btn-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--c-pri-rgb),.35)}

.btn-danger{background:var(--c-err);color:#fff}
.btn-danger:hover{opacity:.9}

.btn-success{background:var(--c-ok);color:#fff}
.btn-success:hover{opacity:.9}

/* ─── ICON BUTTON ────────────────────────────────── */
.btn-icon{padding:8px;width:36px;height:36px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-bg-card);color:var(--c-tx-2);display:flex;align-items:center;justify-content:center;transition:all .2s;cursor:pointer}
.btn-icon:hover{border-color:var(--c-pri);color:var(--c-pri)}

/* ─── BLOCK BUTTON ───────────────────────────────── */
.btn-block{width:100%;justify-content:center}

/* ─── LINK STYLE ─────────────────────────────────── */
.section-link{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--c-pri);transition:all .2s;text-decoration:none}
.section-link:hover{gap:8px;opacity:.8;color:var(--c-pri)}
.section-link svg{width:14px;height:14px;transition:transform .2s}
.section-link:hover svg{transform:translateX(2px)}