JSFiddle - React, Tailwind, and code Playground

HTML

<div class="favorite">
            <form action="post">
                <input type="image" class="btnFav" title="Favoritar" />
            </form>
        </div>

CSS

.favorite{
    width: 100%;
    height: 40px; 
}

.btnFav
{
    background-image: url(http://imgur.com/CagOuFx.png);
    background-repeat: no-repeat;
    margin-left: 100px;
    margin-right: 40px;
    height: 30px;
    width: 30px;
}

.btnFav:hover,
.btnFav:focus {
    background-image: url(http://imgur.com/pb27ENk.png);
}