title: Background colour not setting in CSS and HTML
body: <p>I am trying to add a CSS button to my code, but the background colour of the button is not changing.</p>
  
  <p>Here is my CSS code for the button:</p>
  
  <pre><code>.button {
    background-color: red;
    border: solid;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 16px; 
    -moz-appearance: button;
    -webkit-appearance: button;
  
    text-decoration: none;
  }
  </code></pre>
  
  <p>Here is the HTML code I currently have:</p>
  
  <pre><code>&lt;div&gt;
    &lt;a href="names.html" class="button"&gt;Click here&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The background of the button remains the standard white colour no matter what I set the <code>background-color</code> to. This is the current button, but I would like to change the background.</p>
  
  <p><img src="https://i.stack.imgur.com/WDlUo.png" alt=""></p>