title: Text color change on hover over button
body: <p>I am trying to change the color of the text inside the button on hover.</p>
  
  <p>I can make the button itself change color, but I want the button text to change color too.</p>
  
  <p>Here is my current css:</p>
  
  <pre><code>button,
  input.button,
  a.button,
  input[type="submit"] {
  background:#2e77ae;
  background: -moz-linear-gradient(top, #5590bd, #2e77ae);
  background: -webkit-linear-gradient(top, #5590bd, #2e77ae);
  background: -o-linear-gradient(top, #5590bd, #2e77ae);
  background: -ms-linear-gradient(top, #5590bd, #2e77ae);
  background: linear-gradient(top, #5590bd, #2e77ae);
  border-color:#2e77ae;}
  
  button:hover,
  input.button:hover,
  a.button:hover,
  input[type="submit"]:hover{
  
      background:#E6D332;
      background: -moz-linear-gradient(top, #E6D332, #E6D332);
      background: -webkit-linear-gradient(top, #E6D332, #E6D332);
      background: -ms-linear-gradient(top, #E6D332, #E6D332);
      background: linear-gradient(top, #E6D332, #E6D332);
      border-color:#2e77ae;}
  
  
  
  button:focus,
  input.button:focus,
  a.button:focus,
  input[type="submit"]:focus { 
      background-color:#E6D332;}
  </code></pre>