title: how to make a button responsive on mobile
body: <p>I have been searching all over the internet how to fix this. Basically I need the button on the right side on desktop view. See below:
  <a href="https://i.stack.imgur.com/teuJY.jpg" rel="nofollow noreferrer">chrome view</a></p>
  
  <p>But when you resize it or viewed on mobile devices, it should be in full width but I cannot do it. see below:</p>
  
  <p><a href="https://i.stack.imgur.com/534BY.jpg" rel="nofollow noreferrer">mobile view</a></p>
  
  <p>This is a sticky or scrolling menu as well. Here are my codes:</p>
  
  <pre><code>/* call button small*/
  .buttonfloat-small{
  position:fixed;
  bottom:0px;
  text-align:center;
  z-index: 99;
  display:block;
  width:100%;
  margin: auto;
  }
  </code></pre>
  
  <p>Thank you!</p>