/* To top */
.knd-to-top {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #e6e6e6;
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 101;
	left: -9999px;
	bottom: 40px;
	transition: opacity 0.25s;

	&:not(.active) {
		opacity: 0;
	}

	&.active {
		left: auto;
		right: 40px;
	}

	&:hover {
		opacity: 0.7;
	}

	.svg-icon {
		display: block;
		fill: #4d606a;
		width: 12px;
		height: 12px;
	}

	@media (min-width: 768px) {
		display: flex;
	}

}
