title: How to change font-weight of label
body: <p>I would like to change style of angular material design component. In .scss file I override cascade style but only 'font-weight' property is still the same equals 700 but I want to change to 400. This is html component and scss style below:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;mat-form-field floatPlaceholder="always" class="example-radio-button"&gt;
          &lt;input matInput placeholder="Contact Preference" required&gt;
          &lt;mat-radio-group name="conPref" [(ngModel)]="contact" required&gt;
              &lt;mat-radio-button *ngFor="let contact of contacts" [value]="contact"&gt;
                  {{contact}}
              &lt;/mat-radio-button&gt;
          &lt;/mat-radio-group&gt;
      &lt;/mat-form-field&gt;
  &lt;/div&gt;
  
  
  
  mat-form-field {
      width: 500px;
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.54);
  }
  </code></pre>