title: css font-weight property not working with buttons
body: <p>I have used 'ubuntu' font from google fonts.
  I need font-weight: 300, but the font-weight property of button not working. it remains bold.</p>
  
  <pre><code>
  &lt;button type="button" class="btn btn-primary"&gt;Primary&lt;/button&gt;
  
  </code></pre>
  
  <pre><code>
  @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&amp;display=swap');
  
  </code></pre>
  
  <pre><code>
  .btn {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 300;
  }
  </code></pre>