Cursor is not transforming

The cursor is not transforming after giving it the hover tag to it, here is the code please help:

const cursor = document.querySelector('.cursor')
                document.addEventListener('mousemove', (e) => {
                    cursor.style.left = e.pageX + 'px';
                    cursor.style.top = e.pageY + 'px';
})