Neat and clean scrollbar with hover transition effect CSS

simple_scrollbar_hover_effect.css

// Scrollbar with Hover Transition Effect
.container::-webkit-scrollbar {
	width: 14px;
}
.container::-webkit-scrollbar-thumb {
	background-clip: content-box;
	border: 4px solid transparent;
	border-radius: 7px;
	box-shadow: inset 0 0 0 10px;
}
.container::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}
.container::-webkit-scrollbar-corner {
	background-color: transparent;
}
.container {
	overflow: auto;
	color: #00000000;
	transition: color 0.3s;

	&:hover {
		color: #666666FF;
	}
}