title: HTML Button background-color property does not work
body: <p>In the following <a href="https://code4projects.net" rel="nofollow noreferrer">page</a>:</p>
  <p>I have a gray button (see the section with first book, it is the only gray button of the page) but it is expected to be a blue one. I cut&amp;paste the code from a Mail service (see below).
  The property:
  background-color: #47abd5;
  does not work. Why?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;style&gt;
      #mlb2-3734193 button.ml-subscribe-button {
          cursor: pointer;
          font-family: Open Sans!important;
          font-size: 24px !important;
          height: 60px;
          width: 250px;
          background-color: #47abd5;
          color: #ffffff!important;
          border: none;
          border-radius: 2px;
          padding: 0px 24px;
      }
  &lt;/style&gt;
  &lt;link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;   subset=latin,latin-ext" rel="stylesheet" type="text/css"&gt;
  &lt;form id="mlb2-3734193" action="//app.mailerlite.com/webforms/popup/z0d1n7" data-code="z0d1n7" data-id="243593" target="_blank"&gt;
      &lt;div stylclass="button-preview"&gt;
          &lt;button style="background-color: #47abd5;" type="submit" class="ml-subscribe-button"&gt;Iscriviti&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;script type="text/javascript" src="//static.mailerlite.com/js/w/button.min.js?veb3acdd46bf692c067c6a9fe9fbc07d6"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>