(Squarespace/CSS) Product Arrows Background

Use this code to Custom CSS box

/* Product arrows background */
button.product-item-gallery-carousel-control {
    background-color: #fff !important;
    justify-content: center !important;
}
.ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control.ProductItem-gallery-next:after {
    margin-left: 0 !important;
}
.ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control.ProductItem-gallery-prev:after {
    margin-right: 0 !important;
}

2 Likes