title: Changing font size in button w/ Skeleton grid
body: <p>I'm having difficulty making the font larger within the button inside skeleton grid. How would I go about making the font-size without making the button itself bigger? Any help is appreciated.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;section class="sixteen columns m-new"&gt;
      &lt;a href="#"&gt;&lt;button class="btn-new"&gt;hey, I'm new!&lt;/button&gt;&lt;/a&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>button.btn-new {
      background-color: #F46F80;
      padding: 1em;
      width: 7.3em;
      height: 0em;
      opacity: 0.7;
      border-radius: 0.2em;
      border: 1px solid #C60098;
      font-size: 3em;
  }
  </code></pre>