Custom use of mushroom-light-card for mushroom-number-card

Configuration Frontend
,
1

Hi,

I really like the mushroom-light-card (top row) that act as a switch as well as a slider.

Now I have a switch (Pump) and a slider that is acutally a helper (Duration) in the lower two rows (yaml code below):

20260426_10h16m01s_grim
20260426_10h16m01s_grim511×371 7.14 KB

Is there an easy way to combine switch and slider below into the same look as the above displayed mushroom-light-card?

I would appreciate your help.
Best,
pamkkl

type: custom:mushroom-light-card
entity: light.switch_light
fill_container: true
show_brightness_control: true
grid_options:
  rows: 2
  columns: full
name: Light
secondary_info: none


square: true
type: grid
cards:
  - show_name: true
    show_icon: true
    type: button
    entity: switch.pump_l1
    name: Pump
    icon: mdi:water-pump
    theme: Mushroom
    tap_action:
      action: call-service
      service: input_boolean.toggle
      target:
        entity_id: input_boolean.pump_triggered_per_ui
visibility:
  - condition: state
    entity: automation.front
    state: "on"
columns: 4
grid_options:
  columns: full


square: true
type: vertical-stack
cards:
  - type: custom:mushroom-number-card
    entity: input_number.manual
    fill_container: true
    name: Duration
visibility:
  - condition: state
    entity: automation.front
    state: "on"
columns: 4
grid_options:
  columns: full