Taskbar item/icons ignore css config, and act ... weird

[msmafra]

Not sure what are those margins and paddings coming from.
First 2 icons on the left side, my left monitor, have much more padding/margin than I set, the next 4 complete ignores that same unknown padding/margin. On the right side, my right monitor. None have any margin or padding.

#taskbar {
    border-radius: 0.5rem;
    padding: 0.0625rem;
}

#taskbar button {
    color: @secondarytext;
    background-color: transparent;
    border-radius: 0.5rem;
    padding: 0;
    margin: 0;
}

#taskbar button:hover,
#taskbar button.active:hover {
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 0.5rem 0 rgba(160, 186, 241, 0.3) inset, 0 0 0 0.0625rem rgba(141, 168, 231, 0.3) inset;
}

#taskbar button.active {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

#taskbar button.minimized,
#taskbar button.maximized,
#taskbar button.fullscreen,
#taskbar.empty {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

I unset everything first with

* {
    all: unset;
    font-size: 16px;
    font-family: 'Inter Variable';
    font-feature-settings: '"zero", "tnum", "ss01", "ss02", "ss03", "cv01"';
...
}

[msmafra]

As I basically rewrote everything from my configuration and style and everything seems to be working fine, not sure why that was behaving like that.