Car Notifications

type: custom:button-card
entity: sensor.unmet_car_conditions
name: CAR NOTIFICATIONS
show_name: true
show_icon: true
show_state: false
styles:
  card:
    - background-color: >
        [[[ if (entity.state !== "") { return "rgba(255, 0, 0, 0.7)"; } else {
        return "rgba(67, 73, 82, 1)"; } ]]]
    - border-radius: 10px
    - padding: 10px
    - color: >
        [[[ if (entity.state === "") { return "rgb(47, 207, 118)"; } else {
        return "rgb(255, 255, 255)"; } ]]]
    - font-size: 20px
    - white-space: normal
  name:
    - font-weight: bold
  label:
    - white-space: normal
    - display: block
    - max-width: 100%
  icon:
    - color: >
        [[[ if (entity.state === "") { return "rgb(47, 207, 118)"; } else {
        return "rgb(255, 255, 255)"; } ]]]
    - width: 80px
    - height: 80px
icon: >
  [[[ if (entity.state !== "") { return "mdi:car-emergency"; } else { return
  "mdi:car-multiple"; } ]]]
show_label: true
label: >
  [[[ if (entity.state !== "") { return entity.state; } else { return "ALL
  CLEAR"; } ]]]
tap_action:
  action: none
hold_action:
  action: none