Custom cover card

type: custom:stack-in-card
mode: horizontal
cards:
  - type: custom:mushroom-template-card
    entity: cover.zonwering_kantoor
    primary: Poort aan straat
    secondary: "{{ states(entity).capitalize() }}"
    icon: |-
      {% if is_state(entity, 'close') %}
        mdi:gate-open
      {% else %}
        mdi:gate
      {% endif %}
    tap_action:
      action: none
    hold_action:
      action: none
    double_tap_action:
      action: none
  - type: custom:button-card
    icon: mdi:arrow-collapse-horizontal
    show_name: false
    show_label: false
    size: 50%
    styles:
      card:
        - height: 56px
        - width: 36px
        - "--keep-background": "true"
      img_cell:
        - height: 36px
        - width: 36px
        - background: var(--primary-background-color)
        - border-radius: 12px
  - type: custom:button-card
    icon: mdi:stop
    show_name: false
    show_label: false
    size: 50%
    styles:
      card:
        - height: 56px
        - width: 36px
        - "--keep-background": "true"
      img_cell:
        - height: 36px
        - width: 36px
        - background: var(--primary-background-color)
        - border-radius: 12px
  - type: custom:button-card
    icon: mdi:arrow-expand-horizontal
    show_name: false
    show_label: false
    size: 50%
    styles:
      card:
        - height: 56px
        - width: 36px
        - margin-right: 12px
        - "--keep-background": "true"
      img_cell:
        - height: 36px
        - width: 36px
        - background: var(--primary-background-color)
        - border-radius: 12px