How do I?: Button to change a value, but display a state?

Configuration
1

Good day
(Newbie here.)
I am trying to create a garage open button. What it currently does/ what I have:

  1. a Button to open and close a garage door. It is a momentary switch (sonoff) and when I configure it, it flashes on, but always returns to the off-state.
  2. I also have a second device (ESPHOME) that monitors the open/closed position of the door.

What I would like to have:

  1. a Button that displays the state of the 2nd device.
  2. When pressed, it calls the button in the 1st device, but still displays the state of the 2nd device.

regards
cyber7 (aka Aubrey, Cape Town)

2

After much writing and looking I wrote the following code. It is a button opening and closing my garage (inching) and then it changes the ICON, BACKGROUND and ICON COLOR depending on the state of two sensors (those window read switches you use on alarm systems).

show_name: false
label: Garage
show_label: true
styles:
  card:
    - justify-self: top
    - color: grey
    - background-color: |-
        [[[
          if(states['binary_sensor.door_open'].state == 'on') return 'white';
          else if(states['binary_sensor.door_closed'].state == 'on') return 'white';
          else return 'red';
        ]]]
  icon:
    - color: |-
        [[[
          if(states['binary_sensor.door_open'].state == 'on') return 'red';
          else if(states['binary_sensor.door_closed'].state == 'on') return 'green';
          else return 'yellow';
        ]]]
type: custom:button-card
tap_action:
  action: toggle
entity: script.garage_script
icon: |-
  [[[
    if (states['binary_sensor.door_open'].state === "on")
      return "mdi:garage-open-variant";
    else if(states['binary_sensor.door_closed'].state === "on")
      return "mdi:garage-variant";
    else 
      return "mdi:garage-alert-variant";
  ]]]