Climate card - Background color in some hvac modes.

[xtypebox]

For any feature request you can open a new discussion here:
https://github.com/Clooos/Bubble-Card/discussions/categories/feature-requests

For any question you can open a new discussion here:
https://github.com/Clooos/Bubble-Card/discussions/categories/q-a

Describe the bug
I can't remove the background in some hvac modes. The icons are ok but in dry mode and fan_only appears a color in background and I can't remove.

To Reproduce
None

Expected behavior
I want same background for all the modes.

Screenshots

YAML
If applicable, add any relevant YAML code.

`cards:
  - type: custom:bubble-card
    card_type: climate
    entity: climate.ac_suite
    sub_button:
      - name: HVAC modes menu
        select_attribute: hvac_modes
        state_background: false
        show_arrow: true
        show_state: false
        show_last_changed: false
        show_attribute: false
        show_name: false
        show_background: true
        show_icon: true
      - entity: input_select.ac_suite
        show_name: false
        show_state: false
        state_background: false
        show_background: true
        show_attribute: false
        show_arrow: true
        icon: mdi:timer-cog-outline
    show_attribute: true
    show_state: false
    attribute: current_temperature
    state_color: false
    hold_action:
      action: more-info
    card_layout: normal
    force_icon: false
    styles: |-
      .bubble-button-card-container {
        background: rgba(12,120,50,0.5) !important;
      }

      .bubble-icon {
        transform-origin: 50% 50%; /* Centraliza o ponto de rotação */
        color: ${
          hass.states['climate.ac_suite'].state === 'heat' ? 'rgb(255, 0, 0)' :
          hass.states['climate.ac_suite'].state === 'cool' ? 'rgb(0, 120, 255)' :
          hass.states['climate.ac_suite'].state === 'dry' ? 'rgb(128, 128, 128)' :
          hass.states['climate.ac_suite'].state === 'fan_only' ? 'rgb(0, 200, 200)' :
          hass.states['climate.ac_suite'].state === 'heat_cool' ? 'rgb(255, 165, 0)' :
          'rgb(128, 128, 128)'
        } !important;
        animation: ${
          hass.states['climate.ac_suite'].state === 'heat' ? 'fire 1.5s infinite' :
          hass.states['climate.ac_suite'].state === 'cool' ? 'cool 6s ease-in-out infinite' :
          hass.states['climate.ac_suite'].state === 'fan_only' ? 'slow-rotate 2s linear infinite' :
          ''
        };
      }

      .bubble-button-background {
        opacity: 1 !important;
        background-color: ${
          hass.states['climate.ac_suite'].state === 'heat' ? 'rgb(255, 200, 200)' :
          hass.states['climate.ac_suite'].state === 'cool' ? 'rgb(200, 220, 255)' :
          hass.states['climate.ac_suite'].state === 'dry' ? 'rgb(230, 230, 230)' :
          hass.states['climate.ac_suite'].state === 'fan_only' ? 'rgb(200, 250, 250)' :
          hass.states['climate.ac_suite'].state === 'heat_cool' ? 'rgb(255, 240, 200)' :
          'rgb(240, 240, 240)'
        } !important;
      }

      @keyframes fire {
        0% { transform: rotate(-2deg) scaleY(1.1); color: rgb(255, 0, 0); opacity: 0.8; }
        25% { transform: rotate(1deg) scaleY(1.2); color: rgb(255, 69, 0); opacity: 1; }
        50% { transform: rotate(-1deg) scaleY(1.1); color: rgb(255, 0, 0); opacity: 0.9; }
        75% { transform: rotate(2deg) scaleY(1.2); color: rgb(255, 69, 0); opacity: 1; }
        100% { transform: rotate(0deg) scaleY(1); color: rgb(255, 0, 0); opacity: 0.8; }
      }

      @keyframes cool {
        0%, 100% { transform: rotate(25deg); }
        25% { transform: rotate(-25deg); }
        50% { transform: rotate(50deg); }
        75% { transform: rotate(-50deg); }
      }

      @keyframes slow-rotate {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }

      ${icon.setAttribute("icon",
        hass.states['climate.ac_suite'].state === 'heat' ? 'mdi:fire' :
        hass.states['climate.ac_suite'].state === 'cool' ? 'mdi:snowflake' :
        hass.states['climate.ac_suite'].state === 'dry' ? 'mdi:water-off' :
        hass.states['climate.ac_suite'].state === 'heat_cool' ? 'mdi:sun-snowflake-variant' :
        hass.states['climate.ac_suite'].state === 'fan_only' ? 'mdi:fan' :
        'mdi:air-conditioner')}
    show_icon: true
    scrolling_effect: true
    show_last_changed: false`

Informations (please complete the following information):

• Browser/App: All the browsers
• Bubble Card version: 2.3.0
• Home Assistant version: 2024.12.1

Additional context
Add any other context about the problem here.

Thank you! 🍻

[MrBearPresident]

Hey could you try to use the class:

.bubble-color-background{}