title: mat-card, how to change default padding
body: <p>I want to change the global, default padding on a Angular Material, mat-card.  </p>
  
  <p>In the angular.json I have this specification:</p>
  
  <pre><code> "styles": [
            "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",           
            "src/styles/app.theme.scss",
            "src/styles/styles.scss"
          ],
  </code></pre>
  
  <p>i make the adjustment inside of styles.scss</p>
  
  <pre><code>.mat-card {
      margin: 5px;
      padding: 5px;}
  </code></pre>
  
  <p>Result is that margin works, while padding does not. this is the result in the devtools. I see there is a .mat-card in <code>&lt;style&gt;</code> that takes precedence.</p>
  
  <p>How do I set the padding on a global basis on a <code>mat-card</code>?</p>
  
  <p><a href="https://i.stack.imgur.com/YaToT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YaToT.png" alt="enter image description here"></a></p>