Styles does not work with Custom:Stack-In-Card ?

[EvaldasD21]

Hello,
I noticed this weird behavior, that some of card styles, that are inside Stack-In-Cards does not work when dashboard is loaded. Style can be seen while dashboard is loading. If I change Stack-In-Card with some other card, style works.
Any ideas how to fix it?
Please see attached video.

Recording.2025-07-06.190352.mp4

[EvaldasD21]

Update:
I managed to find a workaround by using Card Mod instead of styles with custom:button-card, which seems to be overwritten by Custom:Stack-In-Card default style.
It is necessary to use !important; , otherwise it still would not work.
Examples bellow.

custom:button-card style (card background) does not work:

      - type: custom:button-card
        name: Office
        icon: mdi:laptop
        entity: sensor.counterheatingon_office
        tap_action:
          action: navigate
          navigation_path: "#office"
        show_state: false
        show_label: false
        state:
          - value: "on"
            styles:
              card:
                - background: >-
                    linear-gradient(333deg,rgba(250,172,120,0.9) 0%,
                    rgba(251,107,9,0.9) 60%)
              custom_fields:
                temp:
                  - font-weight: 450
                  - opacity: 0.9

Instead use card mod for styling ( with !important; ):

      - type: custom:button-card
        name: Office
        icon: mdi:laptop
        entity: sensor.counterheatingon_office
        tap_action:
          action: navigate
          navigation_path: "#office"
        show_state: false
        show_label: false
        state:
          - value: "on"
            styles:
              custom_fields:
                temp:
                  - font-weight: 450
                  - opacity: 0.9
        card_mod:
          style: |
            ha-card {
            border-radius: 12px !important;
            {% if states('sensor.counterheatingon_office') == 'on' %}
             background: linear-gradient(333deg,rgba(250,172,120,0.9) 0%, rgba(251,107,9,0.9) 60%) !important;
            {% endif %}
            }