disabled buttons style radio-group displays the checked option as not checked

[magical-l]

Describe the bug

disabled buttons style radio-group displays the checked option as not checked, as the snapshot shows (the 'and' is the checked option by v-model):

because the 'disabled' makes the tag losses the 'background-color' in this css section:

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

Expected behavior

displays the checked option more clear than the non checked ones

Versions

Libraries:

• BootstrapVue: 2.18.1
• Bootstrap: 4.5.3
• Vue: 2.6.12

Environment:

• Device: pc
• OS: windows 11
• Browser: edge
• Version: 120.0.2210.91