title: remove bootstrap navbar hover effect on button
body: <p>I want to remove the hover effect from my button in navbar how can i do that?[enter image description here][1]</p>
  
  <pre><code>&lt;nav class="navbar navbar transparent"&gt;
    &lt;div class="container-fluid logo "&gt;
      &lt;div class="navbar-header "&gt;
        &lt;a class="navbar-brand " href="#"&gt;
          &lt;img src="images/Logo.png" /&gt;
        &lt;/a&gt;
      &lt;/div&gt;
      &lt;ul class="nav navbar-nav navbar-right right"&gt;
        &lt;li&gt;
          &lt;a href="#"&gt;Get free trial&lt;/a&gt;
        &lt;/li&gt;
        &lt;li class="Buybtn-topright"&gt;
          &lt;a href="#"&gt;Buy now&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>