Simple Custom Button Card shows "TypeError: this._config.state.find is not a function"

Hi,
I try to get color change of my icons running.
My approach is to use Custom-button-card from
Github Custom-button-card

I copied the source from Example: A/C and added my binary sensor for waste.

type: 'custom:button-card'
entity: binary_sensor.srh_morgen_strasse_biotonne
icon: 'mdi:trash-can'
color: 'rgb(28, 128, 199)'
state:
  value: 'off'
  color: 'rgb(255, 0, 0)'

But this shows following error if pasted in manual card:

TypeError: this._config.state.find is not a function
tap_action:
  action: more-info
hold_action:
  action: none
double_tap_action:
  action: none
layout: vertical
size: 40%
color_type: icon
show_name: true
show_state: false
show_icon: true
show_units: true
show_label: false
show_entity_picture: false
show_live_stream: false
type: 'custom:button-card'
entity: binary_sensor.srh_morgen_strasse_biotonne
icon: 'mdi:trash-can'
color: 'rgb(28, 128, 199)'
state:
  value: 'off'
  color: 'rgb(255, 0, 0)'
lock:
  enabled: false
  duration: 5
  unlock: tap
default_color: var(--primary-text-color)
color_off: var(--paper-item-icon-color)
color_on: var(--paper-item-icon-active-color)

Maybe someone has any idea, what is wrong here?

Regards,
Jörg

This is working added to Manual Card
(with installed Custom Button Card Component)

entity: binary_sensor.srh_morgen_strasse_biotonne
show_state: false
size: 50%
state:
  - icon: 'mdi:trash-can-outline'
    value: 'off'
    color: green
  - icon: 'mdi:trash-can'
    value: 'on'
    color: red
type: 'custom:button-card'