Why my animation is not scale 😞?

Question

Why one animation is not working (scale) while another animation is working (glow or hue-rotate) I tried different code, different style but it's still not working... Now I lost... Can anyone please help me to find my mistake and correct my code ? please help me to solve my problem 🙏
https://code.sololearn.com/WaYDPpeSNlbg/?ref=app

Answer 1

here's a solution:

make the span display:inline-block;

https://code.sololearn.com/W505jncjkXow/?ref=app

this almost crashed my lil phone xD ( too heavy animation)

Answer 2

transform cant be applied on inline elements .
since span is inline element , transform : scale wont work..