JSFiddle - React, Tailwind, and code Playground

HTML

<label class="button upload">
<input id="id_originaltrack_set-0-file" type="file" name="originaltrack_set-0-file">
</label>

SCSS

label{
   cursor: pointer;
    display: block;
     filter:alpha(opacity=100);
width:238px;
    //float: none;
    height: 35px;
    //line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 5px 8px !important;
    position: relative
     background-color: #E98F05;
    border-color: #F4C887 #B56F2A #B56F2A #EEAA3F;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 2px #B86F2B;
    text-shadow: 0 0 1px #E17604;
}
input{
    //background-color: #FFFFFF;
    //border: 1px solid #333333;
    cursor: pointer;
    font-size: 40px;
letter-spacing:30px;
    line-height: 30px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    filfilter:alpha(opacity=0);
    //right: -25px;
    top: 0px;
    left:0px;
    width: 255px;
    z-index: 999;
}