1. Media Queries: interaction media features

    Allows a media query to be set based on the presence and accuracy of the user's pointing device, and whether they have the ability to hover over elements on the page. This includes the `pointer`, `any-pointer`, `hover`, and `any-hover` media features.

  2. CSS pointer-events (for HTML)

    This CSS property, when set to "none" allows elements to not receive hover/click events, instead the event will occur on anything behind it.

  3. css at-rule: `@media`: `any-pointer` media feature