Untitled

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0" />
		<title>Hover Test</title>
	</head>
	<style>
		button {
			background-image: linear-gradient(
				to right,
				#b79a00,
				#c9a900,
				#dab800,
				#edc700,
				#ffd700
			);
			padding: 1% 2%;
			border: 0px;
			transition: all 1s ease;
			font-size: 12px;
		}

		button:hover {
			background-image: linear-gradient(
				to right,
				#c0c0c0,
				#c8c8c8,
				#d0d0d0,
				#d8d8d8,
				#e0e0e0
			);
			font-size: 13px;
			padding: 1.3% 2.3%;
		}
	</style>

	<body>
		<button>DOWNLOAD NOW!</button>
	</body>
</html>
Editor is loading...