[NSFW] [HESTIA] How to make one Menu Item’s text colour Gradient

I’ve been trying to Google my issue for quite some time now and tried various of options, but nothing seems to work.
What I’ve got so far:

.premium {
   background-image: linear-gradient(to right, #c491c0, #d75c88);
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
	
   border: 1.5px solid #c86dd7;
   border-radius: 5px;
}

Instead of making the solid colour transparent, so that it should be using the gradient colour, it just makes the entire text transparent.

I assign the “premium” class to the Menu Item in the “CSS Classes” field.

The page I need help with: [log in to see the link]