How to style card

Styles from the material/card package can be customized using the card-overrides mixin. This mixin accepts a set of tokens that control how the components will look, either for the entire app or under a specific selector. For example:
@use '@angular/material' as mat;

// Customize the entire app. Change :root to your selector if you want to scope the styles.
:root {
  @include mat.card-overrides((
    subtitle-text-color: orange,
    elevated-container-color: red,
  ));
}
You can find the full list of supported mixins and tokens below.

Tokens supported by card-overrides

NameTypeBased on system token
subtitle-text-colorColor--mat-sys-on-surface
title-text-fontTypography--mat-sys-title-large-font
title-text-line-heightTypography--mat-sys-title-large-line-height
title-text-sizeTypography--mat-sys-title-large-size
title-text-trackingTypography--mat-sys-title-large-tracking
title-text-weightTypography--mat-sys-title-large-weight
subtitle-text-fontTypography--mat-sys-title-medium-font
subtitle-text-line-heightTypography--mat-sys-title-medium-line-height
subtitle-text-sizeTypography--mat-sys-title-medium-size
subtitle-text-trackingTypography--mat-sys-title-medium-tracking
subtitle-text-weightTypography--mat-sys-title-medium-weight
elevated-container-shapeBase None
elevated-container-colorColor--mat-sys-surface-container-low
elevated-container-elevationColor None
outlined-container-shapeBase None
outlined-outline-widthBase None
outlined-container-colorColor--mat-sys-surface
outlined-outline-colorColor--mat-sys-outline-variant
outlined-container-elevationColor None
Azure & Blue theme selected.