Copy CSS Styles from one element to another

It would be wonderful to be able to copy CSS styles from one element to another. Here is a use case.

I am setting up my navbar and have 6 different text links to different pages. I have the following effects that occur on the first link upon hovering:

1. Change text color
2. Scale = 1.25
3. Duration = .25
4. Opacity = 1
5. Easing = Ease In and Out

It would be great to either:

1. have a button to copy the the CSS properties of this first Text element and paste it to the other text elements so that they all have the same and are uniform.
2. copy all the CSS properties to a CSS class easily (like your create component feature) where then we can just add the CSS class name to each text element we want those properties to apply to.

I of course would prefer the second option, but then we would also need access to the CSS properties sheet to be able to edit, delete, update, etc the CSS list. ☺️🙄 Our requests never stop do they. 🥴