#toTop {
	background-color: #FFF;
	border-radius: 4px;
	bottom: 55px;
	box-shadow: 0 0 3px #333;
	display: block;
	height: 40px;
	left: 30px;
	opacity: 0.8;
	position: fixed;
	transition:opacity .3s linear, transform .3s linear;
	width: 40px;
	z-index: 500;
}
#toTop::after {
	border: 0;
	border-left: 2px solid #555;
	border-top: 2px solid #555;
	content: '';
	height: 8px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 8px;
}
#toTop:not(.active){opacity:0; transform:scale(0)}
#toTop:focus,
#toTop:hover,
#toTop:active{opacity:1}

@media (max-width: 768px) {
	#toTop {
		left: auto;
		right: 10px;
	}
}