JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="small-btn sqaure-blue-btn">
        <p class="small-btn-txt">Default Button</p>
    </div>
    <div class="small-btn test"></div>
</div>

CSS

.small-btn-txt {
    color: white;
    /* text color */
    font-family:'Scada', sans-serif;
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .75);
    /* drop shadow */
    padding:10px;
    padding-left:12px;
    font-size: 13px;
}
/*Button Sizes*/
 .small-btn {
    margin-top:3%;
    width:110px;
    height:35px;
}
/*Square Buttons*/
 .sqaure-blue-btn {
    border: 1px solid #2f78a9;
    /* stroke */
    background-color: #3999d7;
    /* layer fill content */
    -moz-box-shadow: inset 0 1px 1px #82cdff;
    /* inner shadow */
    -webkit-box-shadow: inset 0 1px 1px #82cdff;
    /* inner shadow */
    box-shadow: inset 0 1px 1px #82cdff;
    /* inner shadow */
    background-image: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzODViYyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhOWFkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    /* gradient overlay */
    background-image: -moz-linear-gradient(bottom, #3385bc 0%, #3a9ada 100%);
    /* gradient overlay */
    background-image: -o-linear-gradient(bottom, #3385bc 0%, #3a9ada 100%);
    /* gradient overlay */
    background-image: -webkit-linear-gradient(bottom, #3385bc 0%, #3a9ada 100%);
    /* gradient overlay */
    background-image: linear-gradient(bottom, #3385bc 0%, #3a9ada 100%);
    /* gradient overlay */
}
.sqaure-blue-btn:hover {
    border: 1px solid #2f78a9;
    /* stroke */
    background-color: #3b9ddd;
    /* layer fill content */
    -moz-box-shadow: inset 0 1px 1px #82cdff;
    /*...