Modifying Carousel arrows?

Site URL: https://hadley-seymore.squarespace.com

Hi! I'm trying to change the arrows in the carousels on my site. I want them to be plain arrows without the circle background. On the homepage above (password: behold4) you can see the testimonials carousel...I want the arrows to be plain white and without a background. I tried to find the solution in the forums before but none of the code I tried worked. I want all the arrows on all carousels to be plain without the circle background...color of the arrow modified by the background color scheme of the section. Thank you! 

Add to Design > Custom CSS

/* List carousel arrows */
.user-items-list-item-container[data-section-id="62f545cc02c36f1d18b064ad"] .user-items-list-carousel__arrow-icon-background.user-items-list-carousel__arrow-icon-background-area {
    background-color: transparent !important;
}
.user-items-list-item-container[data-section-id="62f545cc02c36f1d18b064ad"] path {
    fill: white;
    stroke: white !important;
}