how to make list links hover

Hi,

https://www.simbasics.co.uk/category/sim-blog

I’m trying to make the links in the sidebar, under PHONE REVIEWS, change when hovered.

In the CSS at the moment I have this but it’s not working:

.box-right-latest4 {
margin: 10px 10px 20px 10px;
list-style-image: url(“images/arrow.gif”);
}

.box-right-latest4 ul {
padding-left:0px;
list-style-image: url(“images/arrow.gif”);
}

.box-right-latest4 li {
margin-left:15px;
}

.box-right-latest4 li a {
list-style-image: url(“images/arrow.gif”);
padding-left:0px;
padding-top: 2px;
margin-left:15px;
border-bottom-color:#ccc;
border-bottom-style:dotted;
border-bottom-width:1px;
}

.box-right-latest4 li a:hover {
text-decoration: underline;
}