Cursor

Controls the cursor style when hovering over an element.

Class	Properties
c-auto	cursor: auto;
c-p	cursor: pointer;
c-t	cursor: text;
c-m	cursor: move;
c-na	cursor: not-allowed;
c-c	cursor: crosshair;
c-h	cursor: help;
c-er	cursor: e-resize;
c-nr	cursor: n-resize;
c-w	cursor: wait;

---

Using breakpoints

Using responsive breakpoints like sm:c-*, md:c-*, lg:c-*, and xxl:c-* allows targeting specific utilities in different viewports.

<div class="c-p md:c-wait ..."></div>

Using variants

Using :hover variants such as h:c-* allows you to override elements and change their values when hovering over them.

<div class="c-p h:c-wait ..."></div>