Making smooth transitions between variants in components.

how do i make a transition smooth between 2 variants in a component? for example, if i make a custom button and i want the contents to change color when i hover it, how do i make that transition between those 2 states smooth? instead of the change being instant

Towards the bottom of the right panel, you can set “Transition”, and select how long the transition should be between the different css values are applied