Buttons näher zusammen (CSS)

Hallo in die Runde,

ich finde den Abstand zwischen den Buttons zu groß und wollte diese verkleinern.

Aber der CSS Code dafür wird irgendwie strickt ignoriert. Habt ihr eine Idee?

image

card_mod:
   class: middle-left
   style: |
      .mdc-icon-button {
      width: 8px !important;
      height: 8px !important;
      padding: 8px !important;
   }

:crayon:by HarryP: Code-/Logzeilen formatiert (bitte immer in </> einbinden)
s.a.: (Neues Update & Features - Hier in der Community 🫶)

Nein, da wir nichtmal wissen um was für ein Karte es geht, gib uns wenigstens den Code der ganzen Karte.

LG

type: entities
entities:
  - entity: cover.rollladen
  - entity: cover.turrollladen
state_color: true
card_mod:
  class: middle-left