JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<h1>
    <div>
        Become a Mediator
        <span></span>
    </div>
</h1>

CSS

h1 {
    position: relative;
}
div {
    position: relative;
    display: inline-block;
    transition: .6s;
}
span {
    position: absolute;
    width: 100%;
    height: 4px;
    top: 100%;
    left: 0;
    background: blue;
    transition: .6s;
}
div:hover {
    position: static;
}