Custom CSS variables for every element

[catchlightWeb]

Prerequisites

• I have searched for similar feature requests in both open and closed discussions and cannot find an existing request.
• I have verified that the feature is still missing from the latest stable versions of Elementor or Elementor Pro.

What problem is your feature request going to solve? Please describe..

I understand that all elements can be styled globally, but it would be great if it were possible to create multiple custom alternatives for each element. For example, If I want to save an alternative style of an element, such as a button, I have to return to the page where I created the alternative button and copy/paste its style. Of course, I could use external CSS style sheets, but creating multiple saved styles of an element within Elementor would be nice. Much the same way as Webflow and Bricks. I understand that all elements can be styled globally, but it would be great if it were possible to create multiple custom alternatives for each element.

Describe the solution you'd like.

For example, If I want to save an alternative style of an element, such as a button, I have to return to the page where I originally created the alternative button and copy/paste its style.

Describe alternatives you've considered.

Much the same way that custom colours and fonts can be created in the Global Styles panel. A facility to create custom button styles, image styles, container styles, etc.

Additional context

No response

Agreement

• I agree that my request may be closed without action if it doesn't meet all the requirements.