JSFiddle - React, Tailwind, and code Playground

HTML

<label class="grupo-input">
    <input type="text" name="filtro_nome">
    <span>Nome</span>
</label>

CSS

label {
    display: block;
    padding: 20px;
}

.grupo-input span {
    transition: margin-top .5s;
    margin-top: 0px;
    display: block;
}

.grupo-input input:hover + span, .grupo-input input:focus + span {
    margin-top: -40px;
}