title: Call to action button CSS modification
body: <p>I have a sales page here: <a href="http://salesautopilot.s3.amazonaws.com/newsletter/letter/nl57825/ns103923/subscribe.html" rel="nofollow noreferrer">http://salesautopilot.s3.amazonaws.com/newsletter/letter/nl57825/ns103923/subscribe.html</a></p>
  
  <p>My problem is when I view the site on mobile, the text in the blue call to action button overflows the button.</p>
  
  <p>How should I modify the button's CSS so it won't?</p>
  
  <p>I think this is the part of the CSS code that defines the button:</p>
  
  <pre><code>.mmform-container div.submitcontainer a.submitbutton,.mmform-container button.mmform-event-button,.mmform-container div.submitcontainer button.submitbutton {
      background-color: #208dda;  
      border: none;
      font-size: 26px;
      font-weight: 600;
      letter-spacing: 0.8px;
      margin: 0 auto;
      padding: 15px 0;
      /*width: 70%;*/
      min-height: 20px;
      color: #fff;
      text-align: center;
      display: block;
      text-decoration: none;
      width: 70%;
  }
  </code></pre>
  
  <p>Thank you guys
  David</p>