JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div_2_2" class="Button btnDeleteCostEstimate CoachView CoachView_show" data-type="com.ibm.bpm.coach.Snapshot_5b0cf92e_d5be_41c3_b0d3_f101b717826c.Button" data-binding="" data-bindingtype="" data-config="config12" data-viewid="Button1" data-eventid="boundaryEvent_4">
<button type="button" class="BPMButton BPMButtonBorder">Delete Cost Estimate</button>
</div>

CSS

.BPMButton {
height: 30px;
color: #f2f2f2;
background-color: #1b75bc;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
font-size: 14px;
font-weight: bold;
background-repeat: repeat-x;
/* margin: 0px 3px 3px 3px; */
padding-bottom: 3px;
border: 1px solid #21486c;
border-top-color: #4178aa;
border-left-color: #4178aa;
border-bottom-color: #21486c;
border-right-color: #21486c;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B76BC', endColorstr='#124B80');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1B76BC', endColorstr='#124B80')";
background-position: 0px 0px;
background-image: linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
background-image: -o-linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
background-image: -moz-linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
background-image: -webkit-linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
background-image: -ms-linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #124B80), color-stop(1, #1B76BC) );
}
.btnDeleteCostEstimate button {
margin: 1em;
margin-top: -1em;
border: 1px solid #555555;
border-top-color: #999999;
border-left-color: #999999;
border-bottom-color: #555555;
border-right-color: #555555;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#555555')";
background-image: linear-gradient(bottom, #555555 0%, #999999 100%);
background-image: -o-linear-gradient(bottom, #555555 0%, #999999 100%);
background-image: -moz-linear-gradient(bottom, #555555 0%, #999999 100%);
background-image: -webkit-linear-gradient(bottom, #555555 0%, #999999 100%);
background-image: -ms-linear-gradient(bottom, #555555 0%, #999999 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #555555), color-stop(1,...