title: Tailwind css don't show hover state when input is in focus
body: <p>On the following div:</p>
  <pre><code>&lt;div className='border border-gray-400 
                  text-gray-600 
                  hover:border-gray-600 
                  focus:border-green-500 
                  focus-within:border-green-500'&gt;
  </code></pre>
  <p>I want the hover state not to happen when an element is an in-focus state. How can I make it so?</p>
  <p>Thanks!</p>