#scrollToTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	border-radius: 30px;
	border: solid 1px purple;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	transition: opacity .3s ease, transform .3s ease, visibility .3s;
	z-index: 9999;
}

#scrollToTop.mostrar {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

#scrollToTop:hover {
	animation: colorHover .6s forwards;
}

@keyframes colorHover {
	0%   { background-color: white; }
	50%  { background-color: blue; }
	100% { background-color: red; }
}

#scrollToTop .icono.arriba {
	display: block;
	width: 26px;
	height: 26px;
	background-image: url('https://nolanexperto.online/ARRIBA/icono.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}