Change Gallery Arrow Background - Jasper Template

Site URL: https://jachen.me/royal-deceit

Hello, I was wondering how to remove the background color for the arrows shown in the Gallery - Slideshow block. I am using the Jasper Template - here's a picture of what it currently looks like, I would like the grey rectangle around the arrow to be transparent.

Thank you! Is there anyway to also make the background transparent on hover?

Sure

.sqs-gallery-controls .previous:hover {
    background-color: transparent;
}
.sqs-gallery-controls .next:hover {
    background-color: transparent;
}

Thank you so much!