Bubble Card Collapsible Stack

type: custom:mod-card
card:
  type: vertical-stack
  cards:
    - type: custom:bubble-card
      card_type: button
      button_type: switch
      entity: sensor.lights_on_count
      show_state: false
      button_action: {}
      sub_button:
        - tap_action:
            action: navigate
            navigation_path: "#lights"
          entity: sensor.lights_on_count
          show_state: true
          show_background: true
          state_background: true
    - type: conditional
      conditions:
        - condition: state
          entity: binary_sensor.washing_machine_running
          state: "off"
      card:
        type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: binary_sensor.washing_machine_running
        icon: mdi:washing-machine
        show_state: true
        show_last_changed: true
    - type: conditional
      conditions:
        - condition: state
          entity: binary_sensor.dryer_running
          state: "off"
      card:
        type: custom:bubble-card
        card_type: button
        button_type: switch
        entity: binary_sensor.dryer_running
        icon: mdi:tumble-dryer
        show_state: true
        show_last_changed: true
grid_options:
  columns: 24
  rows: auto
card_mod:
  style:
    hui-vertical-stack-card$: |
      hui-card {
        position: relative;
        border-radius: 20px;
        transition: all 0.3s ease;
      }
      /* Stacked (only when next card is visible) */
      hui-card:not([hidden]) ~ hui-card:not([hidden]) {
        margin-top: -45px;
        box-shadow: 0 -5px 10px rgba(100,100,100,0.1);
      }
      /* Blur all but the last visible */
      hui-card:has(~ hui-card:not([hidden])) {
        filter: blur(0.6px);
      }
      /* The last/top visible card stays clear */
      hui-card:not(:has(~ hui-card:not([hidden]))) {
        filter: none;
        background: var(--card-background-color);
      }
      /* On hover/active → unstack and clear ALL */
      :host(:hover) hui-card,
      :host(:active) hui-card {
        margin-top: 0 !important;
        box-shadow: none !important;
        filter: none !important;
      }