Change mouse-pointer in revolution slider

I am currently working on this WordPres-Template. Do you see the button under "Make an appointment"? I somehow need to change the mouse-pointer onmouseover to the default values. But the template uses Revolution Slider, so I have no idea where to put the code in.

I tried something like this:

img:hover
{
    cursor:ponter;
}

GUI of Revolution Slider

I also tried this:

.tp-caption .lfr .tp-scrollbelowslider .start .img:hover
{
    cursor:pointer;
}

The HTML of the slider looks like this:

<div class="tp-caption lfr tp-scrollbelowslider start" data-x="703" data-y="691" data-speed="300" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" data-scrolloffset="0" style="z-index: 9; left: 0px; top: 200px; visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px);"><img style="width: 0px; height: 0px;" src="http://test.de/wp-content/uploads/2016/03/whitebutton.png" alt=""> 
        </div>
<img style="width: 0px; height: 0px;" src="http://test.de/wp-content/uploads/2016/03/whitebutton.png" alt=""> 

This selector also doesn't work:

li.tp-revslider-slidesli:nth-child(2) > div:nth-child(6) > img:nth-child(1):hover

You dont need javascript , you can do it by css Go to your css file and paste this line and it will work: .start{cursor:pointer!important;}