:host(.outline) .bk-btn-group .bk-btn-primary.bk-active {
    background-color: var(--faded-text-color); /* Set primary color to faded text color for active primary button */
    /* color: var(--primary-background-color); */
}
:host .bk-btn.bk-btn-primary.bk-active:hover {
    color: var(--white);
}

:host .bk-btn.bk-btn-primary:hover {
    border-color: var(--faded-text-color);
    color: var(--white) 
}

:host .bk-btn.bk-btn-primary {
    border-color: var(--light-outline-color);
    color: var(--faded-text-color);
    border-radius: 40px;
    padding: 2px 6px
}

:host .bk-TablerIcon {
    font-size: 1em
}



