title: Styling with React-Toolbox's Button not working
body: <p>I'm using <a href="http://react-toolbox.com/#/components/button" rel="nofollow">React-Toolbox's buttons</a>, purely because they have the great ripple effect. I'd like to be able to style them, or add a new icon for them, but they're incredibly resistant to change. 
  First, the styling issue; I want to make them non-blue, a custom size, font, etc. Really I just want to keep the ripple effect. The docs themselves say to use <code>className</code> to do custom styles, so ok, I do that.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;Button type="button" className='randomButton' onClick={this.handleRandomButtonClick}&gt;Random Card&lt;/Button&gt;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.randomButton {
      background-color: #abcdef;
      color: #7B8585;
      opacity: 0.5;
      font-family: 'Dosis';
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've tried <code>Button.randomButton</code> for the css selector too. Currently the button just appears black and white, and in Arial font. The styles are in the styles.scss file and I'm using webpack to load all of this, not sure if that makes a difference.</p>