<div class="cursor1">
<p>
cursor1
</p>
</div>
<div class="cursor2">
<p>
cursor2
</p>
</div>
.cursor1 {
cursor: url(cursor/cursor1.cur)
}
.cursor2 {
cursor: url(cursor/cursor2.cur)
}
<input type="button" value="<div class="c"><svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 25 25' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23222' stroke-linecap='round' stroke-miterlimit='10' d='M5 6l14 14M19 6L5 20'/%3E%3C/svg%3E"> Кнопка" id="a"><label for="a"></label>
Css :before