title: How to make a button in an active state by default?
body: <p>I have a button like below - and I want it to be in &quot;hover&quot; &amp; &quot;focus&quot; mode from default - the game starts on &quot;easy&quot; by default and therefore I want the button to be &quot;pressed&quot; by default which I can achieve with the classes - how do I do that?</p>
  <p><code>&lt;button id=&quot;easyBtn&quot;&quot;&gt;Easy&lt;/button&gt;</code></p>
  <p>With my classes</p>
  <pre><code>.buttons button {
    background-color: #03A9F4;
    border: none;
    padding: 5px 10px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    border-radius: 3px;
  }
  
  .buttons button:hover, button:focus {
    background-color: #0074a9;
    outline: none;
  }
  </code></pre>