import { styled, keyframes } from "next-yak";

const Component = styled.a\`
  .any-class:hover {
    color: red;
  }
\`;

import { styled, keyframes } from "next-yak";

const Component = styled.a\`
  :where(.any-class) {
    color: red;
  }
\`;

import { styled, keyframes } from "next-yak";

const Link = styled.a\`
  color: palevioletred;
\`

const Icon = styled.svg\`
  \${Link} & {
    color: red;
  }
\`