'How to override styles for two different mat-tab elements used in same page

I have two different mat-tab section used in same component in my angular application. How to override styles of mat-tab because i need to apply two different styles for both the tabs. Say, I need to have mat-label as white color in one mat-tab and in the other one, I need to have black color.

<mat-tab-group [selectedIndex]="selectedIndex" (selectedTabChange)="onChange($event)">
            <mat-tab label="Content 1">
               
            </mat-tab>
            <mat-tab label="Content 2">
            </mat-tab>
        </mat-tab-group>



<mat-tab-group [selectedIndex]="selectedIndex" (selectedTabChange)="onChange($event)">
            <mat-tab label="Content 3">
               
            </mat-tab>
            <mat-tab label="Content 4">
            </mat-tab>
        </mat-tab-group>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source