Custom-paper-buttons-row background color

I have a problem with my code on iPhone.

Once I’ve pushed a button once, and push another, some of the buttons turn brownish in color. No idea where the color comes from. On my Mac there is no problem.


        - type: custom:paper-buttons-row
          buttons:
            - layout: name
              name: 1. etg
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: show
                    - 2etg: hide
                    - gardiner: hide
                    - door: hide
              styles:
                button:
                  background: var(--accent-color)
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px
            - layout: name
              name: 2. etg
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: hide
                    - 2etg: show
                    - gardiner: hide
                    - door: hide
              styles:
                button:
                  background: var(--background-color-2) !important
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px
            - layout: name
              name: Gardiner
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: hide
                    - 2etg: hide
                    - gardiner: show
                    - door: hide
              styles:
                button:
                  background: var(--background-color-2) !important
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px
            - layout: name
              name: Dører
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: hide
                    - 2etg: hide
                    - gardiner: hide
                    - door: show
              styles:
                button:
                  background: var(--background-color-2) !important
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px


        - type: custom:paper-buttons-row
          buttons:
            - layout: name
              name: 1. etg
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: show
                    - 2etg: hide
                    - gardiner: hide
                    - door: hide
              styles:
                button:
                  background: var(--background-color-2) !important
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px
            - layout: name
              name: 2. etg
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: hide
                    - 2etg: show
                    - gardiner: hide
                    - door: hide
              styles:
                button:
                  background: var(--accent-color)
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px
            - layout: name
              name: Gardiner
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: hide
                    - 2etg: hide
                    - gardiner: show
                    - door: hide
              styles:
                button:
                  background: var(--background-color-2) !important
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px
            - layout: name
              name: Dører
              tap_action:
                action: fire-dom-event
                local_conditional_card:
                  action: set
                  ids:
                    - 1etg: hide
                    - 2etg: hide
                    - gardiner: hide
                    - door: show
              styles:
                button:
                  background: var(--background-color-2) !important
                  border-radius: 24px
                  height: 24px
                  display: flex
                  width: 80px
                  margin: 10px
                name:
                  padding: 0 22px
                  font-size: 12px

When I first open the pop-up:

When I push 2.etg and then 1.etg again