Implementing Hover Arrows for Splide.js Slider Interaction

Hey all anyone with any experience with splide js? I implemented a slider with splide.js from tutorial I watch by Timothy Ricks. Everything works great but I was hoping to remove the arrows and use a interaction I have seen where when you hover on the right side of the screen a right arrow appears and when on the left side of the screen a left arrow appears. And if clicked will take you either left or right depending on what side of the screen you are on. Has anyone got any experience with this or knows a tutorial to see how effect is achieved? Cheers Joel