/* ======================================
   BUTTONS
====================================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:10px 18px;

    border-radius:var(--radius);

    font:inherit;

    transition:.2s;

}

.btn-primary{

    background:var(--primary);

    color:#fff;

}

.btn-primary:hover{

    filter:brightness(.95);

}

.btn-outline{

    border:1px solid var(--border);

    background:#fff;

    color:var(--text);

}

.btn-outline:hover{

    background:#f8fafc;

}

/* ======================================
   CARDS
====================================== */

.lwf-card{

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:var(--radius);

    padding:14px;

}

/* ======================================
   TITLES
====================================== */

.section-title{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:16px;

}

.section-title h2{

    font-size:16px;

    font-weight:700;

    color:var(--text);

}