move list carousel button to the left on desktop

Hi, I'm having trouble moving my list carousel button to the left alignment on desktop. I want it to stay centered on mobile. I cant get any code to work!

any help much appreciated!! 

PW:makeup

https://sponge-garlic-ds7r.squarespace.com/

about me page at the bottom, 'client kind words' 

@daniellenoakes You can add this code snippet within the Custom CSS panel:

.user-items-list-carousel[data-navigation-alignment="center"] .desktop-arrows.arrows-bottom-wrapper {
	justify-content: start !important;
}
@media only screen and (min-width: 768px) {
	section[data-section-id="6516bb8e262f7968a8826f2e"] .user-items-list-carousel .desktop-arrows {
		margin-left: 0vw !important;
		margin-right: 0vw !important;
	}
}

1 minute ago, Lesum said:

@daniellenoakes You can add this code snippet within the Custom CSS panel:

.user-items-list-carousel[data-navigation-alignment="center"] .desktop-arrows.arrows-bottom-wrapper {
	justify-content: start !important;
}
@media only screen and (min-width: 768px) {
	section[data-section-id="6516bb8e262f7968a8826f2e"] .user-items-list-carousel .desktop-arrows {
		margin-left: 0vw !important;
		margin-right: 0vw !important;
	}
}

 

hey thanks so much for replying but this is for the arrows not the button. is there any way we can target the 'view gallery' button in the exact same way? @Lesum

thank you so much thats incredible, worked perfectly!

sorry to be a pain, but is there a way now to move the arrows up and align them with the button so they are on the same line ? i've managed to move the button closer to the content, but the arrows are stuck and showing on the content below

@Lesum 

You try some code like this to adjust position

@media screen and (min-width:768px) {
section[data-section-id="6516bb8e262f7968a8826f2e"] .user-items-list-carousel .desktop-arrows {
    top: -50px !important;
    position: relative !important;
}
}