angular material flex center and right align

Question

I'm using angular flexbox to create a footer.
In the center I have some info and on the right side I have a logo.
Now the info should be centered along the entire page, and the logo should be aligned to the right.
So far this is working, but the info is centered inside it's own container and not along the entire div.
How can I solve this with flexbox? (no position abolute solutions please, just flex)

<footer fxLayout="row"
fxLayoutAlign="space-between center">
<div class="info" fxFlex>
  <section>
    <span>Straatlaan 48 | 3500 Hasselt</span>
    <span>011 / 58 96 47</span>
    <span>0487 96 54 18</span>
  </section>
  <section>
    <span>KBC BE36 0014 7993 8372</span>
    <span>BTW 123.423.312</span>
    <span><a routerLink="/">Algemene voorwaarden</a></span>
    <span><a routerLink="/">Privacy</a></span>
  </section>
</div>
<div class="logo">
 <img src="assets/img/logo-footer.png"
    alt="">
</div>
</footer>

Info is centerd inside it's own div, not centered along the entire width:

Answer 1

I got it to work by wrapping it in a div

<div fxFlexAlign="end">
   <button>...</button>
</div>