Есть 2 пункта для решения этой проблемы.
1) Рассмотрим ViewEncapsulation По этой причине я добавил encapsulation: ViewEncapsulation.None к вашему декоратору компонентов.Если вы не укажете ViewEncapsulation.None, тогда все ваши стили будут инкапсулированы и не кровоточат, поэтому они не могут повлиять на ваш дочерний радиокомпонент.Если вы не хотите этого делать, тогда примените правило CSS в «общей» таблице стилей.
2) После этого важно иметь правильный селектор CSS, который будет перезаписывать оригинал.Вы можете использовать что-то общее, например .example-radio-button > *, а затем определить white-space в сочетании с !important или быть более конкретным с селектором, например .example-radio-button .mat-radio-label, и тогда вам не понадобится !important
Рабочий примерможно найти здесь -> https://stackblitz.com/edit/angular-material-radio-button-wrap-text-paghtt