living slider

type: conditional
conditions:
  - entity: light.living
    state: 'on'
card:
  type: custom:slider-button-card
  entity: light.living
  slider:
    direction: left-right
    background: gradient
    use_state_color: false
    use_percentage_bg_opacity: true
    show_track: true
    toggle_on_click: false
    force_square: false
  show_name: true
  show_state: true
  compact: true
  icon:
    show: true
    use_state_color: true
    tap_action:
      action: navigate
      navigation_path: /lovelace-phone/3
    icon: ''
  action_button:
    mode: toggle
    icon: mdi:power
    show: false
    show_spinner: true
    tap_action:
      action: toggle
  style: |
    ha-card {
      --ha-card-background: var(--primary-background-color);
      border-radius: 15px;
      border: 2px solid #f69973;
    }