Horizontal buttons stack popup background

[quenti123]

Describe the bug
I have the same problem as issue #977. The background is black instead of transparent or blurry. I also have the ios blue red alternative theme and I tired to had these :

.bubble-pop-up {
  border-radius: 0px !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

with no luck so far so maybe I did something wrong ?

Expected behavior

Want to have a blurry background when open a popu

Screenshots

YAML

type: custom:bubble-card
card_type: horizontal-buttons-stack
auto_order: false
1_name: Halls
1_icon: mdi:home
1_link: "#halls"
1_entity: light.halls
1_pir_sensor: binary_sensor.det_hall_jour
1_class: salon
2_name: Salon
2_icon: mdi:sofa
2_link: "#salon"
2_entity: light.piece_de_vie
2_pir_sensor: binary_sensor.detection_salon
2_class: halls
3_name: Bureau
3_icon: mdi:desktop-classic
3_link: "#bureau"
3_entity: light.x8r_ndeg1_relais_7
3_pir_sensor: binary_sensor.detection_bureau
3_class: buanderie
4_name: Buanderie
4_icon: mdi:washing-machine
4_link: "#buanderie"
4_entity: light.x8r_ndeg1_relais_4
4_pir_sensor: binary_sensor.detection_buanderie
4_class: chambres
5_name: Chambres
5_icon: mdi:bed
5_link: "#chambre"
5_entity: light.chambres
5_pir_sensor: light.chambres
5_class: sdb
grid_options:
  columns: full
  rows: 1
styles: |-
  .salon .bubble-background-color {
    background-color: ${hass.states['light.piece_de_vie'].state === 'on' ? 'orange' : 'dark'} !important;
  }
  .halls .bubble-background-color {
    background-color: ${hass.states['light.halls'].state === 'on' ? 'orange' : 'dark'} !important;
  }
  .buanderie .bubble-background-color {
    background-color: ${hass.states['light.buanderie'].state === 'on' ? 'orange' : 'dark'} !important;
  }
  .chambre .bubble-background-color {
    background-color: ${hass.states['light.chambres'].state === 'on' ? 'orange' : 'dark'} !important;
  }
  .SDB .bubble-background-color {
    background-color: ${hass.states['light.sdb'].state === 'on' ? 'orange' : 'dark'} !important;
  }
  .bureau .bubble-background-color {
    background-color: ${hass.states['light.x8r_ndeg1_relais_7'].state === 'on' ? 'orange' : 'dark'} !important;
  }
  .bubble-pop-up {
    border-radius: 0px !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }
highlight_current_view: false
hide_gradient: true
width_desktop: 1000px
margin: 20px
6_link: "#SDB"
6_name: SDB
6_icon: mdi:bathtub
6_entity: light.sdb
6_pir_sensor: light.sdb

Informations (please complete the following information):

• OS: IOS and android
• Bubble Card version: 2.4
• Home Assistant version: 2025.4.1

Thanks for the help :)