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

/*=========================================================
    Base Divider
=========================================================*/

.kk-divider{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    margin-top:22px;

}

/*=========================================================
    Lines
=========================================================*/

.kk-divider span{

    width:70px;

    height:2px;

    background:linear-gradient(
        to right,
        transparent,
        var(--kk-secondary),
        transparent
    );

    border-radius:999px;

}

/*=========================================================
    Icon
=========================================================*/

.kk-divider i{

    color:var(--kk-secondary);

    font-size:18px;

}

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

.kk-divider-sm span{

    width:40px;

}

.kk-divider-sm i{

    font-size:14px;

}

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

.kk-divider-lg span{

    width:120px;

}

.kk-divider-lg i{

    font-size:22px;

}

/*=========================================================
    Left Align
=========================================================*/

.kk-divider-left{

    justify-content:flex-start;

}

/*=========================================================
    Right Align
=========================================================*/

.kk-divider-right{

    justify-content:flex-end;

}