body {
	align-items: center;
	background: white;
	height: 100vh;
	}

img {
	width: auto;
    max-width:100%;
    height: auto;
    display: block;
	}

button {
	border: 0;
	background: transparent;
	color: white;
	position: relative;
	overflow: hidden;
	padding: 20px 50px;
	border-radius: 23px;
	cursor: pointer;
	font-size: 1.5em;
	box-shadow: 0px -0px 0px 0px rgba(143, 64, 248, .5), 0px 0px 0px 0px rgba(39, 200, 255, .5);
	transition: all .7s;
		}

button::after {
	content: '';
	width: 400px;
	height: 400px;
	background: linear-gradient(225deg, #7f36cd 0%, #48a7f0 50%, #fa5d85 100%);
	position:absolute;
	top: -50px;
	left: -100px;
	z-index: -1;
	transition: all .7s;
				}

button:hover::after {
	transform: rotate(200deg);
					}

button:hover {
	transform: translate( 0px, -6px);
	box-shadow: 10px -10px 25px 0px rgba(143, 64, 248, .25), -10px 10px 25px 0px rgba(39, 200, 255, .25);
}

h4{
	color:#48a7f0;
}

h3{
	color: #fa5d85;
}