Какой псевдокласс использовать

У меня есть собственный класс кнопки в css, я его использую для того, чтобы была кнопка в radio field

<div class="btn-group">
    <input class="form-check-input btn-check" type="radio" name="quest{{i}}" id="{{i}}answer-1">
    <label class="btn btn-succses" style="width: 100%" for="{{i}}answer-1">{{quest.answer1}}</label>
    <input class="form-check-input btn-check" type="radio" name="quest{{i}}" id="{{i}}answer-2">
    <label class="btn btn-primary" style="width: 100%" for="{{i}}answer-2">{{quest.answer2}}</label>
</div>

я пытаюсь в css файле изменить псевдокласс, чтобы когда кнопка активна у нее менялся bg

*.btn.btn-succses {
  background-color: #e2ee83;
  border: 3px solid #bfd833;
  font-family:cursive;
  border-radius: 4px;}

*.btn.btn-succses:hover {
  background-color: #bfd833;
  border: 3px dashed #a2b827;}

*.btn.btn-succses:active {
  background-color: #bfd833!important;
  border: 3px dashed #a2b827!important;}

но это не помогает и ничего не меняется. Подскажите пожалуйста что нужно использовать