/* ==========================================================
   LAIREN AI
   CORE
   BUTTONS.CSS
========================================================== */

:root{

    --btn-height:42px;
    --btn-radius:12px;

    --btn-primary:#2B7CFF;
    --btn-primary-hover:#41B8FF;

    --btn-secondary:#1D2B3D;
    --btn-secondary-hover:#2A3E59;

    --btn-text:#FFFFFF;

}

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-width:120px;

    height:var(--btn-height);

    padding:0 18px;

    border:none;

    border-radius:var(--btn-radius);

    cursor:pointer;

    font-weight:600;

    font-size:14px;

    transition:.18s;

}

.btn-primary{

    background:var(--btn-primary);

    color:var(--btn-text);

}

.btn-primary:hover{

    background:var(--btn-primary-hover);

}

.btn-secondary{

    background:var(--btn-secondary);

    color:white;

}

.btn-secondary:hover{

    background:var(--btn-secondary-hover);

}

.btn-outline{

    background:transparent;

    border:1px solid #355174;

    color:#42B8FF;

}

.btn-outline:hover{

    border-color:#42B8FF;

}