@custom-variant hocus {
  @media (hover: hover) and (pointer: fine) {
    &:hover {
      @slot;
    }
    &:focus {
      @slot;
    }
  }
}

@custom-variant hoverable (@media (hover: hover) and (pointer: fine));
