Scrypted button

type: vertical-stack
cards:
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: Scrypted
        scrolling_effect: false
        show_icon: true
        show_name: true
        sub_button:
          - show_background: false
            show_state: true
            name: RAM
            icon: mdi:memory
            double_tap_action:
              action: none
            tap_action:
              action: none
            show_name: true
            show_icon: true
            show_attribute: false
            attribute: friendly_name
            show_last_changed: false
            entity: sensor.lxc_scrypted_103_memory_used_percentage
          - name: Disk
            show_background: false
            show_name: true
            show_state: true
            tap_action:
              action: none
            show_attribute: true
            entity: sensor.lxc_scrypted_103_disk_used_percentage
            icon: mdi:harddisk
          - entity: sensor.lxc_scrypted_103_cpu_used
            show_state: true
            show_name: true
            name: CPU
            show_icon: true
            state_background: false
            show_background: false
            tap_action:
              action: none
        card_layout: large-2-rows
        styles: |-
          .bubble-button-card-container {
            background: #7A7691;
            color: #E6EAEA;  /* main name text color, whiteish */
            #margin-left: 2px;
          }
          .bubble-icon-container {
              background: #E6EAEA;
              color: #7A7691;  /* main icon color */

              --mdc-icon-size: 25px !important;
            }
          .bubble-sub-button {
            font-size: 12px !important;
            color: #707275 !important; /* sub-but text color */
            #margin-right: -16px;
          }
          .bubble-sub-button-1 {
            background-color: ${hass.states['sensor.lxc_scrypted_103_memory_used_percentage'].state > 90
            ? '#D06D67'
            : '#E6EAEA'} !important;  /* sub-icon color red when >90, otherwise white */
          }
          .bubble-sub-button-2 {
            background-color: ${hass.states['sensor.lxc_scrypted_103_disk_used_percentage'].state > 60
            ? '#D06D67'
            : '#E6EAEA'} !important;
          }
          .bubble-sub-button-3 {
            background-color: ${hass.states['sensor.lxc_scrypted_103_cpu_used'].state > 90
            ? '#D06D67'
            : '#E6EAEA'} !important;
          }


        show_attribute: true
        attribute: apparent_temperature
        button_action:
          tap_action:
            action: navigate
            navigation_path: "#scrypted"
          double_tap_action:
            action: none
          hold_action:
            action: none
        double_tap_action:
          action: url
          url_path: >-
            https://scrypted.com
        tap_action:
          action: none
        hold_action:
          action: none
        icon: mdi:cctv
        entity: sensor.lxc_scrypted_103_memory_used_percentage
        show_state: false
  - type: custom:bubble-card
    card_type: empty-column