Can I make a sub-button the size of the main background?

[vp1x]

Goal

How can I make these buttons to be the same height of the background ? Want to do some small status buttons and I want to be the same height of all in my dashboard.

Source Yaml

type: horizontal-stack
cards:
  - type: custom:bubble-card
    card_type: sub-buttons
    sub_button:
      main: []
      bottom:
        - name: Group 2
          buttons_layout: inline
          group:
            - entity: input_boolean.teo_home
              show_name: true
              name: Teo
              show_state: false
              visibility:
                - condition: state
                  entity: input_boolean.teo_home
                  state: "on"
            - entity: input_boolean.vali_home
              name: V
              show_name: true
              content_layout: icon-left
            - entity: input_boolean.guest_mode
              show_name: true
              name: Guests
            - entity: sensor.lights_on_atm
              show_last_changed: false
              show_state: true
              show_name: false
              icon: mdi:lightbulb-group
    rows: 0.938
    hide_main_background: false
    styles: |+
      # .background-on {
      #     background-color: #ffffff;
      # }

      .icon-with-state {
          margin-right: 4px;
          --mdc-icon-size: 24px;
          # color: #ff0000;
      }

      .bubble-sub-button {
          font-size: 16px;
          background-color: #196a38;
          transform: scale(1.1);
      }

      :host {
        );
      }

Which step did you already try?

.bubble-sub-button {
    font-size: 16px;
    background-color: #196a38;
    transform: scale(1.1);
}

Problem

I can't make the buttons bigger to fit a button perfectly.

Read the documentation

• I have read the documentation