Patio card

type: custom:bubble-card
card_type: button
modules:
  - default
entity: binary_sensor.patio_door_bar
show_state: true
show_last_changed: false
scrolling_effect: false
name: Patio
button_action:
  tap_action:
    action: more-info
styles: |-
  .bubble-button-background {
    background-color: ${state === 'on'
        ? '#c89cae'
        : state === 'unavailable'
        ? '#8E8E8E'
        : '# 90AB9F'} !important;
  }
  .bubble-icon {
    color: ${state === 'on'
        ? '#c89cae'
        : state === 'unavailable'
        ? '#8E8E8E'
        : '# 90AB9F'} !important;
  }
grid_options:
  columns: 6
  rows: auto
visibility:
  - condition: state
    entity: binary_sensor.patio_door_bar
    state: "on"