Make the class 'list-item' act a clickable link if hover.

Is it possible to make the class="list-item" act as a button or a clickable link if hover, maybe grabbing the button element.

Here's the landing page: https://www.rpagroupllc.com/our-services-2

I am referring to this section: 

@Lesum. Thank you that perfectly works.

May I know also the code please if it's a carousel.

Here's the  link: https://www.rpagroupllc.com/research-and-due-diligence

And this is the section 

@Hanara It's basically the same code; you just need to change one class name. Here's the code for auto list carousel:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<script>
  $(document).ready(function () {
    $('.user-items-list-carousel__slides .list-item').each(function () {
        const button = $(this).find('.list-item-content__button');
        const link = button.attr('href');
        
        if (link) {
            $(this).css('cursor', 'pointer').on('click', function () {
                window.location.href = link;
            });
        }
    });
  });
</script>

@Lesum Yes, this works, but it depends on hovering over the button first. What I’m aiming for is that if a user  hover over the carousel card will automatically make it act as a clickable link.