Adding DOM classname to card elements

Configuration
1

I have searched and could not find a similar qustion, but I would prefer to use a style sheet with my custom styles rather than appending them directly in the card as a style.

Is it possible to add a classname something like this:

type: vertical-stack
class: my_class
cards:
  - show_name: true
    show_icon: true
    type: button
    tap_action:
      action: call-service
      service: script.wiser_heat_adjust
      data:
        dir: up
        entity: climate.lounge
      target: {}
    entity: script.pac_wiser_heat_adjust
    icon: mdi:thermometer-chevron-up
    name: Increase
  - type: entity
    entity: climate.lounge
    attribute: temperature
    icon: mdi:thermo

This syntax does not work, but is this possible at all ??

2

Have you looked at making themes with card-mod?

https://community.home-assistant.io/t/card-mod-super-charge-your-themes

It allows you to theme all cards of a specific type and you can set a class on cards to theme them specifically.

Everything can be configured in the theme rather than on each individual card (not that it prevents per card styles, if you want them).