/* ============================================
   AL-QAND EXCHANGE — BUTTONS
   ============================================ */

/* ---------- Buttons ---------- */
.btn-primary {
    background: linear-gradient(0deg, rgb(255 109 0 / 10%), rgb(255 109 0 / 23%));
    color: #000;
    padding: 16px 30px;
    border-radius: 999px;
    font-weight: 500;
    font-size: 0.92rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: inset 0px 20px 20px 0px rgb(232 93 4 / 18%);
}

/*.btn-primary:hover {
    background: var(--orange-dark);
    box-shadow: 0 0 50px var(--orange-glow);
    transform: translateY(-2px);
}*/

.btn-primary:active {
    transform: scale(0.96);
}

.btn-ghost {
    padding: 16px 6px;
    font-weight: 600;
    font-size: 0.92rem;
    color: var(--ink-soft);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.25s, gap 0.25s;
    cursor: pointer;
    background: none;
    border: none;
}

.btn-ghost:hover {
    color: var(--orange);
    gap: 12px;
}