title: css - reset hover selector on click
body: <p>I have this class the response of displaying tooltip after 1.5s hover.</p>
  
  <pre><code>&amp;:hover .tooltip {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
      transition-delay: 1.5s;
  }
  </code></pre>
  
  <p>I'm using this class on a button.
  I would like that when user clicking on this button, the transition-delay will start count from the beginning - means the tooltip will be displayed only after 1.5s again.</p>
  
  <p>what't the best approach doing it?</p>