Product Gallery Slider Arrows next image zone increase

Hello,

I want to modify product gallery slider arrows – so that it would be easier to click for the slider to move to the next product image. Similarly as a given example here: https://codepen.io/jwktje/pen/RwebYGo

How can I widen the arrows click zone ? Using Woocomerce 3.0 Lightbox