JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>

<button class="btn">
  <i></i>
  <span>BOOK NOW</span>
</button>
  
</body>
</html>

CSS

.btn{
    position: relative;
    background: #fecd7f;
    color: #fff;
    border: 0;
    padding: 7px 15px 7px 33px;
    cursor: pointer;
  }
  .btn:after{
    content: '\f07a';
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 1em;
    width: auto;
    height: auto;
    font-family: fontawesome;
  }