How do you set text-align in (custom) theme?

Configuration Frontend
1

Hi
I’m trying to set up some custom theme templates so that I can reduce the amount of manual card-mod duplication I’m doing to multiple cards across several dashboards.

I’ve managed most of what I wanted to so using mushroom theme as a base, but am stuck trying to center-align text on a card.

image

For the above, here’s the theme code I’m using:

Mushroom Cust Anova:
  ha-card-background: rgba(250,139,1,0.5)
  ha-card-box-shadow: none
  ha-card-border-width: 0
  ha-card-text-align: center
  mush-spacing: 6px
  mush-rgb-state-light: 255, 255, 255
  mush-title-padding: 12px 12px 6px
  modes:
    light: {}
    dark: {}

With card mod I can use text-align to get the card’s text centred, but when adding it to the custom theme it’s not working.
e.g.

type: entity
entity: sensor.anova_precision_cooker_mode
state_color: true
name: Anova
icon: mdi:chef-hat
theme: Mushroom Cust Anova
card_mod:
  style: |
    ha-card {
       text-align: center;
     }

image