Product listing: Carousel arrows on mobile missing

Site URL: https://pockimals.com

The carousel arrows are missing on my product page for Mobile. I thought maybe I'd just colored them white or something so they weren't showing up, but I couldn't find how their change their color, so even that is the issue, I need help finding that style.

https://pockimals.com/home

PW: LuckyBen

On Mobile, the arrow is disabled. You need to use custom code to enable it. Add this to Design > Custom CSS

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
.ProductItem .ProductItem-gallery-carousel-controls>div::after, .ProductItem .ProductItem-gallery-carousel-controls>div::before {
    border-color: black !important;
}
}

At some point I realized that it was a swipe... but I wonder is users will do the same thing that I did, which is just not try that? LOL. 🙂 Thank you.