Button effect 1

CSS code for button with shadow and hoover effect

CSS
.button, .button-effect {
	border-radius: 4px;
	box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

.button:hover, .button-effect:hover {
	box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}