title: CSS: font-size: inherit * 70%?
body: <p>Is there a way to specify the font size for a class to be, say, 70% of the inherited font size?</p>
  
  <p>I have a general "button" class that sets up my buttons with the appropriate borders, background, etc. I use it in multiple places, including one where the font size is fairly small and another where the font size is quite large.</p>
  
  <pre><code>&lt;div style="font-size: 26px;"&gt;
  Push this: &lt;input class="button" type="submit" value="Go"&gt;
  &lt;/div&gt;
  &lt;div style="font-size: 10px;"&gt;
  Push this too: &lt;input class="button" type="submit" value="Go"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In both instances I'd like the button font-size to be about 70% of the font size of the span or div the button is in. </p>
  
  <p>Can I do this with pure CSS?</p>