cursor: pointer; css not working

Why is the #go-button div not showing the cursor as being "pointer"?

Here is the html:

<div class="row">
    <div class="col-sm-12">
       <div id="go-button" class="with-border clickable" href="#find-vegan-products-page" >
           <h5  class=" text-center medium-text">GO</h5>
       </div>
    </div>
</div>

Here is the css:

 #go-button {
      font: 200 14px 'Helvetica Neue' , Helvetica , Arial , sans-serif;
      border-radius: 6px;
      height: 64px;
      text-decoration: none;
      width: 100%;
      margin-top: 20px;
      background-color: #fc4747;
      padding: 12px;
      border: 0;
      color: #fff;
    }
    #go-button h5 {
      font-size: 16px;
      font-weight: 200;
    }
    #go-button h5 #go-button.clickable {
      cursor: pointer !important;
      z-index: 999;
    }
    #try-now-button:hover,
    #go-button:hover {
      text-decoration: none;
      background-color: #ff8282;
    }