Error message when outlining text with custom code

Hello! I am trying to create an effect where the text is a stroke and it fills in on hover.
After giving my text a class and adding some custom code, nothing is happening to my text and the code is turning red. For the white stroke, it also turns red if I put #ffffff so I just spelled out “white” and it seems to accept it.

Can anyone see what I might be doing wrong?

Thank you very much

Screen Shot 2022-09-21 at 11.25.12 PM

Hey @KimGraph, please share your read-only link and the link to your live site if possible.