JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
<script src="https://developers.google.com/fonts/"></script>
<script src="https://fonts.googleapis.com/icon?family=Material+Icons"></script>
<button class='btn'>
  <span>Label</span>
  <i class="material-icons right">search</i>
</button>

CSS

.btn {    
  background-color: black;
	color: white;
	text-transform: uppercase;
	padding: 0 15px 0 15px;
 	height: 40px;
}

.btn span {
  line-height: 40px;
  vertical-align: middle;
  padding-right: 10px;
}

.btn i {
  line-height: 40px;
}