Adding custom style to a Wiki page using MarkDown

Hi there,

I’m trying to reproduce this example https://about.gitlab.com/handbook/product/technical-writing/markdown-guide/#styles

I’m writing this block in the content of the page

<style>
.purple {
  color:inherit;
}

.purple:hover {
  color:rgb(107,79,187);
}
</style>

Hey! Hover the cursor over me and guess what?! :)
{: .purple}

But when I go to the content preview it doesn’t work.

What I’m doing wrong?

Thank you.