To change Gallery Block - Slideshow Arrows to Gallery Section - Slideshow Arrows Style, you can use this code to Website > Website Tools > Custom CSS.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('<svg class="caret-left-icon--small" viewBox="0 0 9 16"><polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2 "></polyline></svg>').appendTo('.sqs-gallery-controls .previous');
$('<svg class="caret-right-icon--small" viewBox="0 0 9 16"><polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7 "></polyline></svg>').appendTo('.sqs-gallery-controls .next');
});
</script>
<style>
.sqs-gallery-controls .previous, .sqs-gallery-controls .next {
background-color: transparent !important;
}
.sqs-gallery-controls .previous:before, .sqs-gallery-controls .next:before {
display: none;
}
.sqs-gallery-controls.show-hover-effect svg {
stroke: #000;
fill: #000;
width: 9px;
height: 16px;
position: relative;
display: block;
box-sizing: content-box;
line-height: 1;
}
</style>
