Can we use Mat-card with Anchor Tag?

I want to make mat-card to be clickable and when I hover over the mat-card I wanted to show link cursor. There are many cards when I click on one of the cards I want to navigate to another page. How Can I achieve this?

Is it appropriate to use the following code in my template html.

<a mat-card routerLink= ...> Buy </a>


My first attempt was

<div fxLayout="row rap">
<mat-card>
<mat-card-content>
<div> $100 </div>
<div> 3000 ETB</div>
</mat-card-content>
</mat-card>
<mat-card> .... </mat-card>
</div>

Continue reading...