#back-to-top{
	position: fixed;
	width: 3.3rem;
	height: 3.3rem;
	background-color: var(--color-grey-dark);
	right: 0;
	bottom: 0;
	border-radius: 50%;
	text-align: center;
	margin-right: 1rem;
	margin-bottom: 1rem;
	padding: 0;
	cursor: pointer;
	transition: all 300ms ease-in-out;
	transform: rotate( 240deg) scale(0, 0);
	color: var(--color-white);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	border: 3px solid var(--color-soft-grey);
	}	
#back-to-top svg{ 
	width: 50%; 
	height: 50%;
	}
#back-to-top.show{
	transform: scale(1, 1);
	transform: rotate(0deg);
	}


@media print, (min-width:800px) { 
	#back-to-top{ margin-bottom: 1rem; }
}		


@media print{ 
  #back-to-top { display: none; }
}

@media screen and (forced-colors: active) {
	#back-to-top:before { border-color: ButtonText; }
}