Outline CSS doesn't seem to be working for me



I want to create a certain effect that I know is obtainable with webflow. I want to create a text outline for my hero heading, in my website displayed as: “HEADING.” The custom CSS I copied from a tutorial doesn’t seem to do the trick though. Is there any chance someone can help me with this?

This is what I’m trying to achieve
And this is the code I’ve tried:


.hero-heading-01_nastro {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 3px !impotant;
-webkit-text-stroke-color: black !important;

Thanks in advance!

Stay safe,