title: Make a link stay underlined until only other button is clicked
body: <p>I have this page here that will be a list of partners by categories.</p>
  
  <p><a href="https://www.stirringminds.com/partners/" rel="nofollow noreferrer">https://www.stirringminds.com/partners/</a></p>
  
  <p>If you click on the sidebar categories, the link will stay underline, but if you click any place in the page, the link will become inactive.</p>
  
  <p>CSS:</p>
  
  <pre><code>button:hover { 
      text-decoration: underline;
      color:#000;
  }
  button:focus { 
      text-decoration: underline;
      color:#000;
  }
  button:active { 
      text-decoration: underline;
      color:#000;
  }
  button:visited { 
      text-decoration: underline;
      color:#000;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button id="showall" style="border:none;"&gt;All Deals&lt;/button&gt;
  &lt;button id="show" style="border:none;"&gt;Business&lt;/button&gt;
  &lt;button id="show2" style="border:none;"&gt;Design&lt;/button&gt;
  &lt;button id="show3" style="border:none;"&gt;Development&lt;/button&gt;
  &lt;button id="show4" style="border:none;"&gt;Marketing&lt;/button&gt;
  </code></pre>
  
  <p>How can the link stay underlined unless I click other buttons in the categories?</p>
  
  <p>Thanks.</p>