Взаимодействие курсора CSS с кнопками

Я думаю, вы ищете это:

button {
    cursor: inherit;
}

Простым решением вопроса может быть:

button {
    cursor: inherit;
}

Браузер имеет несколько стилей по умолчанию для различных элементов. Стиль по умолчанию для кнопки имеет cursor, установленный на default. Поскольку это более конкретный стиль, он принимает приоритет. Следовательно, вам нужно переопределить для него то же самое. Вы можете попробовать следующее

:hover {cursor: pointer;}

<div>test</div>
<button>test</button>
<input type = "button" value  = "Click"/>

Примечание, добавив селектор :hover, применит изменения для каждого элемента. Если у вас есть другие требования, вам нужно будет соответствующим образом указать элементы в CSS.