Как заставить срабатывать hover при наведении?

Доброго времени суто, есть кусок кода - работает как полагается - не могу понять как сделать так чтоб при наведении на элементы "а" отрабатывал hover эффект

<style>
.custom-cursor {
    position: fixed;
    top: -2px;
    left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #01a99c;
    z-index: 100;
    pointer-events: none;
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.25, 1.0);
}
.custom-cursor .default {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 40px;
    height: 40px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    opacity: 0.2;
    box-sizing: border-box;
    z-index: 99;
}
.custom-cursor .hover {
    position: absolute;
    top: -38px;
    left: -38px;
    width: 80px;
    height: 80px;
    background-color: #bbb;
    border-radius: 50%;
    opacity: 0.12;
    z-index: 98;
    box-sizing: border-box;
}
</style>
<div class="custom-cursor">
  <div class="default"></div>
  <div class="hover" style="display:none"></div>
</div>
<script>
$(window).mousemove(function (pos) {
	console.log(pos.originalEvent.clientX);
	$(".custom-cursor").css({"transform": "translate3d(" + pos.originalEvent.clientX + "px, " + pos.originalEvent.clientY + "px, 0px)"});
});
</script>