Responsive upload button

HTML

<form>
<label >
  <span title="Upload Actual Image">
   <!--   <input type="file" class="file-input" >   -->   
  </span>
   <input type="file" class="file-input" >
</label>
</form>

CSS

input[type=file] {
position: relative;
-webkit-box-sizing: border-box;

}
input[type=file]::-webkit-file-upload-button {
left:100%;
width: 0;
padding: 0;
margin: 0;
-webkit-appearance: none;
border: none;
}
x::-webkit-file-upload-button, input[type=file]:after {
 content: " Browse.. ";
display: inline-block;
position: relative;
padding: 6px 18px;
background-color: #c00;
color: #fff;
font-size: 13px;
}