You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.
Use one of the available cursor utilities depending on the action you want to indicate.
.cursor-auto- the cursor style depends on what’s inside a given element
.cursor-pointer- a pointing cursor, used to show that an element is clickable
.cursor-move- a cursor which shows that a given element can be moved
.cursor-not-allowed- a cursor which shows that a user is not allowed to perform an action on an element
.cursor-zoom-in- a cursor which shows that a user can zoom in
.cursor-zoom-out- a cursor which shows that a user can zoom out