Light card icon size

So I have installed card-mod and now I am trying to change the icon size to a LIGHT CARD. It has proven an impossible task for me, I can only change the color but not the size.
Using --mdc-icon-size changes the size of the 3 dots at top right of the card.

cards:
          - entity: light.banda_led
            type: light
            name: LED
            hold_action:
              action: none
            card_mod:
              style: |
                ha-card {
                --ha-card-background: #;
                font-size: 18px;
                border-radius: 5px;
                box-shadow: rgba(97, 250, 179, 0.32) 0px 1px 16px;
                }

Im generals try to avoid all these variables. They will break eventually at random point of time / HA changes, …

Just look, where and how the property is set and then overwrite it, like this

card_mod:
  style: |
    ha-icon-button {
      width: 10px !important;
    }
    ha-card {
      --ha-card-background: #;
      font-size: 18px;
      border-radius: 5px;
      box-shadow: rgba(97, 250, 179, 0.32) 0px 1px 16px;
    }

And most probaly you will get more or faster answers if you post such questions in the card_mod-topic where you can find lots of examples as well (first post, link to examples from Ildar).

1 Like

This was helpful. Thank you
This changes the size of the icon, but how do i change the size of the slider that runs around the icon?

Also, how do you look where the property is set? I am a newbie