Push-Widget nicht animiert, wenn die Farben über CSS festgelegt werden

[oeiber]

hallo zusammen,
Ich habe ein kleines die sein Design-Problem mit dem Push-Widget: Wenn ich die Farben des Widgets mittels CSS festlege, ist der Button nicht mehr animiert - sprich die Farben faden beim Drücken nicht über:

Code Auswählen Erweitern


[data-type="push"] i#fg,
[data-type="push"] .active i#fg,
[data-type="multistatebutton"] i#fg {
    color: white !important;
}

[data-type="push"] .active i#bg {
    color: var(--mid-gray) !important;
}

[data-type="push"] i#bg,
[data-type="multistatebutton"] i#bg {
    color: var(--green)!important;
}


Hat jemand eine Idee?

Danke!