GRADIENT COLOR BUTTON STYLING
Run 
<!doctype html>
	<head>
		<style>
			/* CSS comes here */
			.cool-button {
    			color: white;
                padding: 10px 30px;
                border-radius: 5px;
                background: #f857a6;
                background: -webkit-linear-gradient(to right,#ff5858,#f857a6);
                background: linear-gradient(to right,#ff5858,#f857a6);
                box-shadow: 0 10px 10px -2px rgba(0,0,0,.25);
                cursor:pointer;
                border: 0 !important;
			}
		</style>
		<title>My Favorite Sport</title>
	</head>
	<body>
		<button class="cool-button">Cool Button</button>

	</body>
</html>