.no-border{
    border: none;
    color: var(--text-color);

}
.jkbtn-blue{
    background-color: var(--jk-blue);
    @extend .no-border;
}
.jkbtn-blue:hover{
    background-color: var(--jk-blue-hover);
    @extend .no-border;
}
.jkbtn-gray{
    background-color: var(--jk-gray);
    @extend .no-border;
}
.jkbtn-gray:hover{
    background-color: var(--jk-gray-hover);
    @extend .no-border;
}
.jkbtn-green{
    background-color: var(--jk-green);
    @extend .no-border;
}
.jkbtn-green:hover{
    background-color: var(--jk-green-hover);
    @extend .no-border;
}
.jkbtn-red{
    background-color: var(--jk-red);
    @extend .no-border;
}
.jkbtn-red:hover{
    background-color: var(--jk-red-hover);
    @extend .no-border;
}
.jkbtn-yellow{
    background-color: var(--jk-yellow);
    @extend .no-border;
}
.jkbtn-yellow:hover{
    background-color: var(--jk-yellow-hover);
    @extend .no-border;
}
.jkbtn-info{
    background-color: var(--jk-lightblue);
    @extend .no-border;
}
.jkbtn-info:hover{
    background-color: var(--jk-lightblue-hover);
    @extend .no-border;
}
.jkbtn-blue-outline{
    background: none;
    border: 1px solid var(--jk-blue);
    color: var(--jk-blue);
}
.jkbtn-blue-outline:hover{
    background: var(--jk-blue);
    color: var(--text-color);
}

.jkbtn-gray-outline{
    background: none;
    border: 1px solid var(--jk-gray);
    color: var(--jk-gray);
}
.jkbtn-gray-outline:hover{
    background: var(--jk-gray);
    color: var(--text-color);
}

.jkbtn-green-outline{
    background: none;
    border: 1px solid var(--jk-green);
    color: var(--jk-green);
}
.jkbtn-green-outline:hover{
    background: var(--jk-green);
    color: var(--text-color);
}

.jkbtn-red-outline{
    background: none;
    border: 1px solid var(--jk-red);
    color: var(--jk-red);
}
.jkbtn-red-outline:hover{
    background: var(--jk-red);
    color: var(--text-color);
}

.jkbtn-yellow-outline{
    background: none;
    border: 1px solid var(--jk-yellow);
    color: var(--jk-yellow);
}
.jkbtn-yellow-outline:hover{
    background: var(--jk-yellow);
    color: var(--text-color);
}

.jkbtn-info-outline{
    background: none;
    border: 1px solid var(--jk-lightblue);
    color: var(--jk-lightblue);
}
.jkbtn-info-outline:hover{
    background: var(--jk-lightblue);
    color: var(--text-color);
}
.jkbtn:disabled{
    pointer-events: none;
    opacity: 0.6;
}
.btn-group{
    width:fit-content;
    height: 10;
    border-radius: 5px;   
}
.btn-group button{
    border-radius: 0;
    margin: -3px;
}
.btn-group button:first-child{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.btn-group button:last-child{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}