.m-scroll-to-top {
	position: fixed !important;
	right: var(--space-m);
	bottom: -100rem;
	z-index: 999;
	transition: color bottom 2.6s;
	box-shadow: 0px 0px 8px 1px #666;
	border-radius: 50%;
	width: 3rem;
	height: 3rem;
	color: var(--light);
	background-color: var(--cool1);

	&.is-active {
		bottom: 2rem;
		box-shadow: 0 0 1.5rem var(--cool);
	}

	&:hover {
		background-color: var(--cool2);
		box-shadow: 0 0 0.5rem var(--cool);
		color: var(--light);
	}

	& .l-icon {
		position: absolute;
		bottom: 0.35rem;
		width: 100%;
		height: 100%;
		color: var(--cool9);
	}
}

@media (min-width: 1200px) {
	.m-scroll-to-top {
		right: calc(((100% - var(--container-max-width))/2) + 2em);
	}

}

.m-scroll-to-top--no-svg {
	display: block;
}

.h-svg .m-scroll-to-top--no-svg {
	display: none !important;
}