[HELP] Remove background from a button

[daproject85]

Goal

I'd like to see if anyone can help me with removing the background of the icon. im talking about the "big oval" / "pill". I also dont want it being "lit up" on hover, the YAML for this is below

Source Yaml

type: custom:bubble-card
card_type: button
button_type: state
entity: light.living_room_light
icon: mdi:power
show_name: false
show_state: false
tap_action:
  action: toggle
styles: |
  .bubble-icon-container {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    /* fake gray circle */
    box-shadow: 0 0 0 8px rgba(120,120,120,0.35) !important;
    border-radius: 100% !important;
  }
sub_button:
  main: []
  bottom: []
slider_fill_orientation: left
slider_value_position: right
light_slider_type: brightness

Which step did you already try?

No response

Problem

No response

Read the documentation

• I have read the documentation