Как применить собственные стили для вкладок в Angular Material 6?

Я использую две группы вкладок, а именно tab1 и tab2. Это мой код:

<mat-tab-group class="tab1">
  <mat-tab label="First"> Content 1 </mat-tab>
  <mat-tab label="Second"> Content 2 </mat-tab>
  <mat-tab label="Third"> Content 3 </mat-tab>
</mat-tab-group>

<mat-tab-group class="tab2">
  <mat-tab label="Fourth"> Content 4 </mat-tab>
  <mat-tab label="Fifth"> Content 5 </mat-tab>
  <mat-tab label="Sixth"> Content 6 </mat-tab>
</mat-tab-group>

Теперь мне нужно по-разному применить собственный CSS для обеих вкладок (label, label-content, label-height, label-padding). Но это не работает. Я даже пробовал переопределить его с помощью ::ng-deep, он не применяется. Вот мой код CSS:

::ng-deep .tab1 > .mat-tab-label-content{
   color: red !important;
   padding: 10px;
   margin: 10px;
}

Я также пробовал дать это, но не работал:

::ng-deep .tab1 .mat-tab-label-content{
   color: red !important;
   min-width: 0;
   padding: 30px;
   margin: 30px;
}

Поэтому, пожалуйста, предложите мне, как применить CSS для каждой вкладки соответственно.