title: How to give Angular Material button individual position on website?
body: <p>My goal is to render a material button on the right hand side of the website. The button is by default on the left hand side. I wrapped the button with a div and gave the div a SCSS class. The result was that the button is kind of in the middle of the website now not on the left anymore.</p>
  <p>So here is my SCSS</p>
  <pre><code>.save-button {
    display: flex;
    width: 490px;
    position: absolute;
    right: 0px;
    margin-top: 25px;
    align-items: flex-end;
  }
  </code></pre>
  <p>This is the code from my HTML template</p>
  <pre><code>&lt;div class=&quot;save-button&quot;&gt;
      &lt;button mat-raised-button (click)=&quot;savePost()&quot;&gt;Save Post&lt;/button&gt;
    &lt;/div&gt;
  </code></pre>