In some scenarios, there is a need to provide a visual feedback of the element behavior on
:hover. When button is not allowed to interact, when image thumbnail can be clicked and expand to bigger preview, when the element has to act as a button, etc. Use
.cursor-<pointer|na|zoom-in|zoom-out> class on that element.
.cursor-pointer class to set a pointer cursor.
<strong class="cursor-pointer">This text</strong> has a pointer cursor although this isn't a link.
.cursor-na class to set a not allowed cursor.
<strong class="cursor-na">This text</strong> has a not-allowed cursor
.cursor-zoom-out class to set different zoom cursors.
<strong class="cursor-zoom-in">This is zoom in</strong> while this is <strong class="cursor-zoom-out">this is zoom out</strong>