title: weird CSS bug in my woocommerce site
body: <p>I got a weird bug that weridly I can't mange to fix, look at this page:
  <a href="http://portofinocoffe.wpengine.com/cart/" rel="nofollow">http://portofinocoffe.wpengine.com/cart/</a></p>
  
  <p>You can see a green button with a "bump" on it's top.
  I can remove it only if I put <code>padding: 0</code> to the button, but what if I want padding top?
  Why this is happening?</p>
  
  <p>Thank you!</p>
  
  <p>EDIT:
  OK I see there's a <code>&lt;br&gt;</code> there that cause the problem, but I can't find it in the code. Here's the code generates the button:</p>
  
  <pre><code>&lt;p class="return-to-shop"&gt;
      &lt;a class="button wc-backward" href="&lt;?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?&gt;"&gt;
          &lt;?php _e( 'Return To Shop', 'woocommerce' ) ?&gt;
      &lt;/a&gt;
  &lt;/p&gt;
  </code></pre>