title: How to add background to mat-card when mat-radio button is selected from within mat-card-content, using Angular Material?
body: <p>I need to add background to each mat card when the each radio button is clicked. background should apply only to the mat card corresponding to the mat-radio button clicked.</p>
  
  <pre><code> &lt;mat-card class="text-center little-profile workspacetype"&gt;
                  &lt;mat-card-content&gt;
                    &lt;div class="workspacetypeimage"&gt;
                      &lt;i class="bgi bgi-contractsonly"&gt;&lt;/i&gt;
                    &lt;/div&gt;
                    &lt;mat-card-actions&gt;
                      &lt;h4 class="m-t-0 m-b-0  typetitle"&gt;Contracts Only&lt;/h4&gt;
                    &lt;/mat-card-actions&gt;
                  &lt;/mat-card-content&gt;
                  &lt;mat-radio-button value="1"&gt;&lt;/mat-radio-button&gt;
                &lt;/mat-card&gt;
  
   &lt;mat-card class="text-center little-profile workspacetype"&gt;
                  &lt;mat-card-content&gt;
                    &lt;div class="workspacetypeimage"&gt;
                      &lt;i class="bgi bgi-contractsonly"&gt;&lt;/i&gt;
                    &lt;/div&gt;
                    &lt;mat-card-actions&gt;
                      &lt;h4 class="m-t-0 m-b-0  typetitle"&gt;Contracts Only&lt;/h4&gt;
                    &lt;/mat-card-actions&gt;
                  &lt;/mat-card-content&gt;
                  &lt;mat-radio-button value="2"&gt;&lt;/mat-radio-button&gt;
                &lt;/mat-card&gt;
  </code></pre>