Is it possible to make such a button with html+css?

Question

css

The button is filled with a gradient, the frame is translucent. On hover and click, the gradient changes.
Is it possible to make the exact same button using html+css?
I succeeded only with the help of svg, but, unfortunately, this solution turned out to be not without bugs, for example, it was not cross-browser.

Answer 1

No. Cross browser, SVG only. I propose a graceful degradation approach: that is, SVG for modern browsers, and a picture for old ones.

Answer 2

• make a frame using box-shadow
  
• Gradient via www.colorzilla.com/gradient-editor
  
• triangle on the right through: after (the old-fashioned way with a finished picture, or make a triangle on css through border)
  

Answer 3

codepen.io/Geyan/pen/ZOxJJL?editors=110 but I don’t know how to screw in the gravitant, in principle it doesn’t look like it, but it fits

Answer 4

codepen.io/anon/pen/BzVgzQ