#goToTop {
	position: fixed;
	z-index: 99999;
	bottom: 100px;
	right: 100px;
	width: 50px;
	height: 50px;

	background: var(--primary-color);
	box-shadow: var(--box-shadow);

	border-radius: 50%;
	cursor: pointer;

	display: flex;
	align-items: center;
	justify-content: center;

	transition: var(--transition-smooth);
}

#goToTop > * {
	color: #fff;
	font-size: 1.2rem;
}

#goToTop:hover {
	background: var(--secondary-color-hover);
	transform: scale(1.2);
}

#goToTop:hover > * {
	color: #fff;
}

#goToTop.hide {
	opacity: 0;
	transform: scale(0);
}

@media (max-width: 768px) {
	#goToTop {
		bottom: 50px;
		right: 30px;
	}
}