remove bootstrap navbar hover effect on button
<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>