item.component.html

<mat-card class="example-card">
  <mat-card-header>
    <div mat-card-avatar class="example-header-image"></div>
    <mat-card-title>Camisa Oficial São Paulo</mat-card-title>
    <mat-card-subtitle>Camisa Esportiva</mat-card-subtitle>
  </mat-card-header>
  <img mat-card-image src="../../assets//images//camisa-sp.jpg" alt="Photo of a Shiba Inu">
  <mat-card-content>
    <mat-list>
      <mat-list-item>Camisa Oficial São Paulo 2019</mat-list-item>
      <mat-divider></mat-divider>
      <mat-list-item>Preço: R$200,00</mat-list-item>
    </mat-list>
  </mat-card-content>
  <mat-card-actions>
    <button mat-raised-button color="primary"
      (click)="checkout()">COMPRAR</button>
  </mat-card-actions>
</mat-card>