title: Centering button vertically and horizontally
body: <p>I have a big "Buy Now" button which is set at 100 width on my webpage. The text is centered on the X axis (horizontally) but it is not centered on the y axis (vertically). This is my class:</p>
  
  <pre><code>.col-boosting .btn-pay-rank {
  height: 65px;
  font-weight: bold;
  background: #e06b38;
  border: none;
  box-shadow: 0 7px 0 0 #c7511f;
  text-align: center; 
  line-height: 65px; }
  </code></pre>
  
  <p>Just for more info, here is a screenshot of the button.
  <a href="https://gyazo.com/2d0b5fc4be72ba87c9cf73cd922d8ebe" rel="nofollow">https://gyazo.com/2d0b5fc4be72ba87c9cf73cd922d8ebe</a></p>
  
  <p>Thanks.</p>