.scroll-to-top-button {
	position: fixed;
	bottom: 151px;
	right: 31px;
	z-index: 99;
	font-size: 18px;
	border: none;
	outline: none;
	color: black;
	cursor: pointer;

	/* New for fade effect */
	opacity: 0;
	pointer-events: none;
	/* prevents clicks when invisible */
	transition: opacity 0.5s ease-in-out, transform 0.2s ease;
}

.scroll-to-top-button.show {
	opacity: 1;
	pointer-events: auto;
}

.scroll-to-top-button:hover {
	transform: scale(1.1);
}

/* Media query for large screens */
@media (min-width: 1200px) {
	.scroll-to-top-button {
		right: calc((100vw - 1200px) / 2 + 30px);
	}
}

.arrow-path {
	fill: #263642;
	width: 100px;
}