Could you explain to me how to use the PsuedoClasses.Hover please?

My first reaction is this doesn't work, but most likely I don't know how to use it.

I created a new site that uses BlazorStyled:

Blazor Excelerate - Code Generate C# Classes From Excel Header Rows
Code: https://github.com/DataJuggler/Blazor.Excelerate
Live Demo: https://excelerate.datajuggler.com

I tried several ways to turn a link color orange on hover, when I have this class:

background: none !important;
border: none;
padding: 0 !important;
font-family: Verdana;
text-decoration: none;
cursor: pointer;
height: 2.04vh;
line-height: 2.04vh;
font-size: @LargeTextSizeStyle;
font-weight: normal;
position: relative;
display: inline-block;
left: 114%;
top: .4vh;
margin-top: .4vh;
z-index: 41;

Then I tried a few different ways of using the same class name DownloadLink2 and creating another BlazorStyled entry with a PsuedoClasses.Hover:

color: orange;

And I tried another string variable

color: orange;

And none of this worked. The only way I could get it to work is going to my site.css, and creating this:

.downloadlink2hover
{
color: white;
}
.downloadlink2hover:hover
{
color: orange !important;
}

Added a second class entry to my download link.

@Response.FileName

I would like to have done this all with BlazorStyled if I knew how.

Is this possible with just BlazorStyled?

Many Thanks,

Corby