/*
======================================================================
Much Ado
Back To Top
======================================================================
*/
.back-to-top{
	position:fixed;
	right:var(--space-32);
	bottom:var(--space-32);
	z-index:1000;

	width:3rem;
	height:3rem;
	padding:0;

	background:none;
	border:0;
	cursor:pointer;

	opacity:0;
	visibility:hidden;
	transform:translateY(.75rem);

	transition:
		opacity var(--transition),
		transform var(--transition),
		visibility var(--transition);
}

.back-to-top img{
	display:block;
	width:100%;
	height:100%;
}

.back-to-top.is-visible{
	opacity:1;
	visibility:visible;
	transform:none;
}

.back-to-top:hover{
	transform:translateY(-2px);
}

.back-to-top:focus-visible{
	outline:2px solid var(--color-redlogo);
	outline-offset:4px;
}


/* =====================================================
   Responsive
===================================================== */
@media (max-width:768px){
	.back-to-top{
		right:var(--space-16);
		bottom:var(--space-16);
	}
}