Cannot move the Back-to-Top button with CSS?

I need to move my scroll to top to the left of the screen. I enabled it in Customizer. However, it seems I cannot control the position using my Simple CSS. It now stays on the right where I just added another icon which now covers the said button. Hence why I want to move it.

What am I overlooking?

Thanks for your support!

My site: execfrontline.com

My CSS:

.go-to-top {
cursor: pointer;
}

/* If you want the icon to appear only when the user scrolls down: */

document.addEventListener(“scroll”, function () {
const scrollTopIcon = document.querySelector(“.go-to-top-container”);
if (window.scrollY > 300) {
scrollTopIcon.style.display = “block”;
} else {
scrollTopIcon.style.display = “none”;
}
});

/* Up to top container: */

.generate-back-to-top,
.generate-back-to-top:visited {
bottom: 30px; /* from the bottom of your screen */
left: 30px; /* from the left of your screen */
}

add_filter( ‘generate_back_to_top_scroll_speed’, ‘tu_back_to_top_scroll_speed’ );
function tu_back_to_top_scroll_speed() {
return 400; // milliseconds
}