title: How to center the text within an Angular Material Button?
body: <p>I have an angular material button:</p>
  <pre><code>&lt;a mat-raised-button class=&quot;buttons-class&quot; color=&quot;accent&quot;&gt;Hello!&lt;/a&gt;
  </code></pre>
  <p>And I have increased its size:</p>
  <pre><code>.buttons-class {
    height: 60px !important;
    width: 210px !important;
    align-items: center;
  }
  </code></pre>
  <p>Now, I wish to center the text (<code>Hello!</code>) within it. Currently the text is offset like this:</p>
  <p><a href="https://i.stack.imgur.com/mDXbg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mDXbg.png" alt="enter image description here" /></a></p>
  <p>Putting the text in a span or div and using the standard centering techniques didn't work.</p>