CSS

cursor: not-allowed is not working with pointe events none in css

.pointer-events-none {
    pointer-events: none;
}

.wrapper {
    cursor: not-allowed;
}

pointer events none and cursor not allowed

/* pointer-events: none; disables all mouse functions, so you need 
to wrap your button with a div then use cursor: not-allowed */

<div class="wrapper">
	<button class="pointer-events-none">Some Text</button>
</div>

.pointer-events-none {
    pointer-events: none;
}

.wrapper {
    cursor: not-allowed;
}