JSFiddle - React, Tailwind, and code Playground

HTML

<button type="button" id="livereWriteBtn" class="livereWriteBtn livereBtn2"><span class="livereFont5">보내기</span></button>

CSS

.livereWriteBtn {
float: left;
/* padding-right: 6px; */
}

.livereBtn2 {
width: auto;
height: auto;
border: 1px solid #b0000a;
background-color: #b0000a;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, rgb(254,52,62)), color-stop(1, rgb(202,2,13)) );
background-image: -moz-linear-gradient( center top, rgb(254,52,62), rgb(202,2,13) );
background-image: -ms-linear-gradient( top, rgb(254,52,62) 0%, rgb(202,2,13) 100%);
Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fe343e, endColorstr=#ca020d);
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding: 10px 20px;
cursor:pointer;
}

.livereFont5 {
color: #fff;
font-weight: bold;
}