How to use CSS code and insert it in HTML element to build an animated button?

H i there - I’m trying to insert an animated button on my page by using the following CSS:

I’ve been able to do it for simpler CSS but this one is giving me headaches. I created a HTML element, copy-pasted the CSS into and added my button to the animated-button class (in the ID identifier) but it does not work - my browser even refuses to load.

Do you know how I can fix it?

could be the “html” and “body” selectors in the CSS, try removing those, and perhaps using a CSS code plugin to hold that CSS code, so youre only putting html into the HTML element?

(disclaimer i haven’t actually tried custom css yet inside bubble so perhaps someone else can give better advice lol)