How to center mat-card in angular materials?

Question

I have a login card that I designed using angular materials, whenever I run it on the page the content sticks to the left of the page.

I tried using flex

Answer 1

This did the wonder to me:

.btn-center{
   margin: 0 auto;
   display: flex;
}