JSFiddle - React, Tailwind, and code Playground

HTML

<button class="facebook" type="button" onclick="fbLogin();">Sign in with <strong>facebook</strong></button>

CSS

body {
     font-family : 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, button, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button::-moz-focus-inner {
     margin: 0px;
     padding: 0px;
     border: 0px;
     font-size: 100%;
     vertical-align: baseline;
     }

.facebook strong {
     font-weight: bold;
     display: inline;
     font-size: 110%;
     }

.facebook:hover strong {
     text-shadow: rgba(255, 255, 255, 0.496094) 0px 0px 2px, rgba(255, 255, 255, 0.246094) 0px 0px 3px;
     }

a, button {
     text-decoration: none;
     cursor: pointer !important;
     }

button, input[type="button"] {
     background-image: none;
     -webkit-user-select: none;
     cursor: pointer !important;
     background-position: initial initial;
     background-repeat: initial initial;
     }

input, button {
     font: inherit;
     outline: none;
     }

.facebook {
     color: rgb(255, 255, 255);
     height: 50px;
     width: 100%;
     line-height: 50px;
     display: inline-block;
     border-width: 1px;
     border-style: solid;
     border-color: rgb(77, 102, 159) rgb(43, 71, 130) rgb(31, 58, 116);
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
     background-image: -webkit-linear-gradient(top, rgb(97, 125, 179), rgb(39, 71, 135));
     box-shadow: rgb(120, 145, 196) 0px 1px 0px inset, rgba(0, 0, 0, 0.246094) 0px 1px 1px;
     text-shadow: rgb(31, 58, 116) 0px 1px 2px;
     font-size: 16px;
     }

.facebook:hover {
    ...