JSFiddle - React, Tailwind, and code Playground

by Nitin Grover

HTML

<a href="#">Login with facebook</a>

CSS

a{
    padding: 10px 15px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    background: #4C66A4 url("https://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/32/facebook.png") no-repeat 0px 1px;
    color: #fff;
    width: 180px;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
}
a:hover{
    background: #6885C9 url("https://cdn1.iconfinder.com/data/icons/flat-social-icons-by-lokas-software/32/facebook.png") no-repeat 0 1px;
}