JSFiddle - React, Tailwind, and code Playground

HTML

<a class="email" href="google.com">email</a>

CSS

.email{
    text-decoration:none;
}

.email:hover{
    text-decoration:underline;
}

.email:before{
    content:">>";
    text-decoration:underline;
    display:inline-block;
}

.email:before,
.email:hover:before {text-decoration:none;}