title: Foundation Button After Click
body: <p>I am using the Foundation Framework in my React app. I have a couple buttons and after being clicked it leaves the buttons with a blue background. </p>
  
  <p>How do I change this?</p>
  
  <p>JSFiddle -> <a href="http://jsfiddle.net/pb4759jh68/a4kowth5/5/" rel="nofollow noreferrer">http://jsfiddle.net/pb4759jh68/a4kowth5/5/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;button class="button"&gt;
  Click Me
  &lt;/button&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.button {
    background-color:red;
  }
  
  .button:hover {
    background-color:green;
  }
  </code></pre>