title: IOS Safari Open in App banner position problem
body: <p>When i run my website on safari, button stick on the bottom side. </p>
  
  <p>Examples: </p>
  
  <p>this is normal one</p>
  
  <p><a href="https://i.stack.imgur.com/ePCpS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ePCpS.jpg" alt="this is normal one"></a></p>
  
  <p>but this is silly</p>
  
  <p><a href="https://i.stack.imgur.com/JHxuX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JHxuX.jpg" alt="but this is silly"></a></p>
  
  <p>any suggestion do you have?</p>
  
  <p>also this is button div's code</p>
  
  <pre><code>position: fixed;
  width: calc(100% - 30px);
  bottom: 0;
  left: 0;
  -webkit-box-shadow: 0 70px 100px 80px #fff;
  box-shadow: 0 70px 100px 80px #fff;
  z-index: 10000;
  margin: 15px !important;
  </code></pre>