title: Hover on a styled component without wrapper
body: <p>So I have this:</p>
  
  <pre><code>const Link = styled.a`
      color: blue;
  `;
  
  &lt;Wrapper&gt;
      &lt;Link href="/"&gt;Hover Change&lt;/Link&gt;
  &lt;Wrapper&gt;
  </code></pre>
  
  <p>I want to put a hover effect on just the Link element to change the color to white.  Any other docs I have seen would have me put a hover call when I call Link:</p>
  
  <pre><code>const Wrapper=styled.div`
      &amp;:hover ${Link}: white;
  ';
  &lt;Wrapper&gt;
      &lt;Link href="/"&gt;Hover Me&lt;/Link&gt;
  &lt;Wrapper&gt;
  </code></pre>
  
  <p>How do I place the a:hover in the styling for the Link component?</p>