Transparent icon background

[davosje]

Unfortunately, I’m stuck and need some help from the community.

I have two bubble cards, one where the icon displays without a background correctly, but the other one doesn’t work as expected.

First card:

type: custom:bubble-card
card_type: button
button_type: state
card_layout: large-2-rows
name: Energy
entity: sensor.power_usage_w
icon: mdi:home-lightning-bolt-outline
show_state: true
button_action:
  tap_action:
    action: navigate
    navigation_path: '#energy'
styles: |2-
      * { 
          font-size: 12px !important;
          background: none !important;
        }
      .large .bubble-button-card-container {
          border-radius: 12px !important;
          background-color: var(--card-background-color, var(--ha-card-background)) !important;  
        }
      .large .bubble-icon {
          color: ${['on', 'playing', 'idle'].includes(hass.states['light.hue_white_wc'].state) ? 'orange' : 'inherit'} !important;  
          --mdc-icon-size: 21px !important;
          background-color: var(--card-background-color, var(--ha-card-background)) !important;
        }

Second card:

type: custom:bubble-card
card_type: button
button_type: switch
name: WC
entity: light.hue_white_wc
icon: ''
show_state: false
style: |
  ha-card {
    box-shadow: none;
  }
sub_button: []
styles: |2-
      * { 
          font-size: 12px !important;
          background: none !important;
        }
      .large .bubble-button-card-container {
          border-radius: 12px !important;
          background-color: var(--card-background-color, var(--ha-card-background)) !important;  
        }
      .large .bubble-icon {
          color: ${['on', 'playing', 'idle'].includes(hass.states['light.hue_white_wc'].state) ? 'orange' : 'inherit'} !important;  
          --mdc-icon-size: 21px !important;
          background-color: var(--card-background-color, var(--ha-card-background)) !important;
        }
show_icon: true
card_layout: large

In the second card that controls a light, I can’t seem to remove the circle around the icon.

Question:
How can I make sure that only the icon color changes, without affecting the background, at all times?

[MrBearPresident]

Have you solved this?
Can this be closed?