Link-Unterstrich Farbe ändern

Hallo,

ich benutze aktuell über den CSS Stylesheet Editor den Befehl

a,a:link,a:visited,a:hover { text-decoration: underline !important;
}

um meine Links darzustellen. Jetzt möchte ich dem Link-Unterstrich eine neue Farbe geben und
auch den dargestellten Link farblich separat verändern, so dass Link und Unterstrich zwei verschiedene Farbtöne haben.

Könnt Ihr mir da helfen?

Vielen Dank im voraus

Ich habe hier die Formatierung meines Themes reingestellt. Wie kann ich die Farbe des Link-Unterstrichs ändern?

a {
color: #94AE99;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

a:visited {
color: #94AE99;
}

a:hover,
a:focus,
a:active {
color: #94AE99;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}