title: Remove stylings from button in Wordpress
body: <p>I have a button with these stylings when it´s on hover:</p>
  
  <pre><code>      a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover {
  text-decoration: none;
  background-color: #ff5911;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5911), to(#ee3700));
  /* Saf4+, Chrome */
  
  background-image: -webkit-linear-gradient(top, #ff5911, #ee3700);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  
  background-image: -moz-linear-gradient(top, #ff5911, #ee3700);
  /* FF3.6+ */
  
  background-image: -ms-linear-gradient(top, #ff5911, #ee3700);
  /* IE10 */
  
  background-image: -o-linear-gradient(top, #ff5911, #ee3700);
  /* Opera 11.10+ */
  
  background-image: linear-gradient(to bottom, #ff5911, #ee3700);
  }
  </code></pre>
  
  <p>As Im working in a child theme in Wordpress, I can not just remove the the code, I need to override it.</p>
  
  <p>I have tried with:</p>
  
  <pre><code>   background-image: none;
     background-color:transparent;
  </code></pre>
  
  <p>and I have tried to change all the the background-images tags to (to bottom, transparent, transparent);</p>