JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<a class="unfavorite">asdfasdf</a>

CSS

a.unfavorite{
  width: 20px;
  background-position: -71px -28px;
  text-decoration: none !important;
}
a.unfavorite:before {
    content: "un-favorite";
    background: #000;
    color: #fff;
}
a.unfavorite2:before {
  content:"un-favorite2";
  background: #00f;
}

JavaScript

$('a').on('hover', function () {
  $(this).toggleClass('unfavorite2');
});