/*=========================================================
    KKF BADGE SYSTEM v1.0
=========================================================*/

/*=========================================================
    Base Badge
=========================================================*/

.kk-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:8px 18px;

    background:var(--kk-bg-light);

    color:var(--kk-secondary);

    border:1px solid rgba(255,179,0,.20);

    border-radius:var(--kk-radius-pill);

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    text-transform:uppercase;

    white-space:nowrap;

}

/*=========================================================
    Primary
=========================================================*/

.kk-badge-primary{

    background:var(--kk-primary);

    color:var(--kk-text-white);

    border:none;

}

/*=========================================================
    Gold
=========================================================*/

.kk-badge-gold{

    background:rgba(212,175,55,.12);

    color:var(--kk-gold);

    border:1px solid rgba(212,175,55,.30);

}

/*=========================================================
    Success
=========================================================*/

.kk-badge-success{

    background:rgba(46,125,50,.12);

    color:var(--kk-success);

    border:1px solid rgba(46,125,50,.25);

}

/*=========================================================
    Danger
=========================================================*/

.kk-badge-danger{

    background:rgba(211,47,47,.10);

    color:var(--kk-danger);

    border:1px solid rgba(211,47,47,.25);

}

/*=========================================================
    Small
=========================================================*/

.kk-badge-sm{

    padding:6px 14px;

    font-size:12px;

}

/*=========================================================
    Large
=========================================================*/

.kk-badge-lg{

    padding:10px 22px;

    font-size:15px;

}