top weather card

type: vertical-stack
cards:
  - type: vertical-stack
    cards:
      - type: custom:bubble-card
        card_type: button
        button_type: state
        name: l o n d o n
        scrolling_effect: false
        show_icon: true
        show_name: true
        sub_button:
          - show_background: false
            show_state: true
            name: temp
            icon: mdi:weather-cloudy
            double_tap_action:
              action: none
            tap_action:
              action: more-info
            entity: sensor.pirate_weather_current_temperature
            show_name: true
            show_icon: true
            show_attribute: false
            attribute: friendly_name
            show_last_changed: false
          - name: ""
            show_background: false
            show_name: false
            show_state: true
            tap_action:
              action: navigate
              navigation_path: "#alarm"
            show_attribute: true
            entity: alarm_control_panel.first_floor
            icon: mdi:shield-home-outline
        card_layout: large-2-rows
        entity: weather.pirateweather
        styles: |-
          .bubble-button-card-container {
            background: none;
            margin-left: 2px;
          }
          .bubble-icon-container {
              background: none;
              border-radius: 0;
              --mdc-icon-size: 35px !important;

            }
          .bubble-sub-button {
            font-size: 12px !important;
            margin-right: -16px;

          }
        show_attribute: true
        attribute: apparent_temperature
        button_action:
          tap_action:
            action: more-info
          double_tap_action:
            action: none
          hold_action:
            action: none
        tap_action:
          action: more-info
        double_tap_action:
          action: none
        hold_action:
          action: none
  - type: custom:bubble-card
    card_type: empty-column