A little change from just CSS

I have recently designed a website that used the SWIPER slideshow but needed to move the controls away from the actual slideshow and also change the control styling.

Unfortunately there is very little information on the web showing how this can be done, so I had to play with the swiper styles to see what needed to be altered.

This turned out to be fairly easy, and so to help others I have posted my method here.

The pagination is mainly controlled by :root CSS variables and the arrows by moving the 'swiper-button-prev' and 'swiper-button-next' divs to another div outside of the 'swiper' div.