Browser Mod and To Do List

Hello Community,

thats my first post… I am not a pro but achieved everything so far. For this topic I do not find a solution.

I use custom:button-cards, when I click on them, I add the Item on the picture to my to do list for shopping. This works fine. For some items, I want to use the Browser_mod feature to have more custom:button-cards. But when I click on them, the item does not add to the list. Where is the failure in my YAML-Code?

Thanks a lot
Greetings
Bernd

sorry was not able to add the second picture in my first post

type: custom:button-card
name: Brot
entity_picture: /local/Einkaufsliste/brot.png
show_entity_picture: true
show_name: true
tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    target: {}
    data:
      dismissable: true
      autoclose: false
      content:
        type: custom:button-card
        name: Breze
        entity_picture: /local/Einkaufsliste/Breze.png
        show_entity_picture: true
        show_name: true
        tap_action:
          action: call-service
          service: todo.add_item
          service_data:
            item: Breze
            entity_id: todo.einkaufsliste