title: Button and Text is merging at the time of page loading
body: <p>We have "ADD TO CART" button in the <a href="http://sbdev2.kidsdial.com/colored-marble-micromax-canvas-knight-a350-phone-case.html" rel="nofollow noreferrer">page</a>, that is merging with the above text at the time of page loading.</p>
  
  <p><a href="https://i.stack.imgur.com/BJn0M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BJn0M.png" alt="enter image description here"></a></p>
  
  <p><strong>once loading is completed, it will display in proper position</strong>.</p>
  
  <p><a href="https://i.stack.imgur.com/pKjIs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pKjIs.png" alt="enter image description here"></a></p>
  
  <pre><code>.product-options-bottom {
      position: relative;
      bottom: 45px !important;
      border: none;
      background: none;
      padding: 15px 20px;
      margin-bottom: 10px;
  
  }
  </code></pre>