title: Twitter bootstrap, buttons hover style?
body: <p>I am trying to use gradient style for my buttons, but, I have a problem with hover style,
  Here is the button before hover:</p>
  
  <p><img src="https://i.stack.imgur.com/tP6vt.png" alt="enter image description here"></p>
  
  <p>And here is after hover:</p>
  
  <p><img src="https://i.stack.imgur.com/yodRX.png" alt="enter image description here"></p>
  
  <p>Here is haml of button:</p>
  
  <pre><code>= link_to '#', {:class=&gt;'tour_btn btn btn-large btn-primary', :style=&gt;'margin-left: 10px; width: 105px;'} do
          %h3
            Take a Tour
  </code></pre>
  
  <p>LESS:</p>
  
  <pre><code>.tour_btn {
      #gradient &gt; .vertical(#F98C51, #a35b35);
  }
  </code></pre>
  
  <p>Any idea please ? is it possible to specify another gradient style for hover state ?
  Or at least, not to change button when hover ?</p>