Изменить цвет мат-радио-внешнего круга условно

Question

Я пытаюсь изменить цвет mat-radio-external-circle в приложении angular 8.

В моем Css у меня есть класс,

.mat-radio-outer-circle{
  border-color: rgb(255, 153, 0) !important;
}

, он отлично работает, но я хочу применить этот цвет условно.

Для того же у меня есть 2 класса по моему css,

    .mat-radio-outer-circle-mandatory{
  border-color: rgb(255, 153, 0) !important;
}

.mat-radio-outer-circle-non-mandatory {
  border-color: rgba(26, 17, 5, 0) !important;
}

Я не уверен, где их применять? Должен быть или

Я ищу что-то вроде этого,

<mat-radio-button *ngFor="let codeValue of auditItem.surveyQuestion.code.values;let idx = index"
                          [value]="codeValue.value" 
                          [ngClass]="{'mat-radio-outer-circle-mandatory': 'auditItem.required  && !IsDeferValidations()',
                                      'mat-radio-outer-circle-non-mandatory':'!auditItem.required  || !IsDeferValidations()'}">
                              {{ codeValue.description }}
                          </mat-radio-button>