Hotspot with normal and mouseover state

Hi, can anyone please advise how I create a hotspot that highlights when you mouse over. I am trying to create a similar effect to that used by Matterport having the hotspots linking to the next scene but in some cases they are moving around the room so I do not want to initial state to be too highlighted, obvious to be seen but not so much to ruin the pano and then when they are moused over or clicked then a highlighted or even better "glow" effect applies to the hotpsot.

Hope it makes sense but you can see what I mean on the matteport demo

Many thanks

Thanks Umalo, do I need 2 images or just one image and apply that bit of code?

I tried this but it did not work

<!-- place your scene hotspots here -->

<hotspot name="spot1" style="skin_hotspotstyle" alpha="0.3" -> set onhover="tween(alpha,1)" and onout="tween(alpha,0.3)" ath="-114.371" atv="7.563" linkedscene="scene_B-Lounge" />