Change slideshow product buttons

Hello, 

I'm trying to change the color of my prev-next buttons in my product slideshow but I don't find how. I would like to put the background transparent and the arrows white. 

Password: table111

Thank you all!

You can use this code to Website Tools (under Not Linked) > Custom CSS. If it doesn't work, please provide site url, we can check easier.

button.product-item-gallery-carousel-control {
    background-color: transparent !important;
}

Hey @tuanphan thank you for answering, unfortunately it doesn't work. 

password: hello1

this is the website: 

@Lesum it worked! thank you so much!!

@Lesum could you help me with this too? I find it impossible 😞

I don't manage to give space between the product image and the product name. 

thank you for your time!

@silviasqaurespace I tried to check the URL; looks like the page was removed. 

@Lesum sorry yes this is another page that has the same problem

https://www.magandaexperience.com/girls-trips/p/style-01-ej5na-p82cd

@silviasqaurespace You can use this CSS code to add a space

@media screen and (max-width:767px) {
.product-details.pdp-details {
    margin-top: 100px !important;
}
}

@tuanphan it worked! thank you!!