Main/sub btns

type: horizontal-stack
cards:
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Main
        scrolling_effect: false
        show_icon: true
        show_name: true
        sub_button:
          - icon: ""
            entity: button.node_pveorg_reboot
            tap_action:
              action: toggle
              confirmation:
                text: Do you want to reboot main Proxmox?
        card_layout: normal
        styles: |-
          .bubble-button-card-container {
            background: #9a9ca8; /* main button's bg color */
            color: #E6EAEA;  /* main name text color, whiteish */
          }
          .bubble-icon-container {
              background: #E6EAEA; /* icon bg color */
              color: #9a9ca8;  /* main icon color */
              --mdc-icon-size: 30px !important;
            }
          .bubble-sub-button {
             background: #E6EAEA; /* sub-icon bg color */
          }
          .bubble-sub-button-icon {
            --mdc-icon-size: 15px !important;
            color: #9a9ca8; !important; /* sub-but text color */
          }

        show_attribute: true
        button_action:
          tap_action:
            action: navigate
            navigation_path: "#mainpve"
          double_tap_action:
            action: none
          hold_action:
            action: none
        double_tap_action:
          action: url
          url_path: "https://proxmain.com"
        tap_action:
          action: none
        hold_action:
          action: none
        icon: mdi:alpha-m
        entity: sensor.node_prox_memory_used_percentage
        show_state: false
      - type: custom:bubble-card
        card_type: empty-column
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Sub
        scrolling_effect: false
        show_icon: true
        show_name: true
        sub_button:
          - entity: button.node_prox_reboot
            tap_action:
              action: more-info
              confirmation:
                text: Do you want to reboot proxmox 3060?
        card_layout: normal
        styles: |-
          .bubble-button-card-container {
            background: #9a9ca8; /* main button's bg color */
            color: #E6EAEA;  /* main name text color, whiteish */
          }
          .bubble-icon-container {
              background: #E6EAEA; /* icon bg color */
              color: #9a9ca8;  /* main icon color */
              --mdc-icon-size: 30px !important;
            }
          .bubble-sub-button {
             background: #E6EAEA; /* sub-icon bg color */
          }
          .bubble-sub-button-icon {
            --mdc-icon-size: 15px !important;
            color: #9a9ca8; !important; /* sub-but text color */
          }

        show_attribute: true
        button_action:
          tap_action:
            action: navigate
            navigation_path: "#3060"
          double_tap_action:
            action: none
          hold_action:
            action: none
        double_tap_action:
          action: url
          url_path: "https://proxsub.com"
        tap_action:
          action: none
        hold_action:
          action: none
        icon: mdi:alpha-s
        entity: sensor.node_prox_memory_used_percentage
        show_state: false
        columns: 1
        rows: 1
grid_options:
  columns: 12
  rows: auto