JSFiddle - React, Tailwind, and code Playground

HTML

I like <a href="#"><span>parapsychologists</span></a>

CSS

a {
    line-height: 12px;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff;
}

a span {
    line-height: 14px;
    display: inline-block;
    border-bottom: 1px solid #00f;
}

a:hover {
    color: #f00;
}

a:hover span {
    border-bottom: 1px solid #f00;
}