.button {
	display: inline-block;
	padding: .75rem 1.25rem;
	border-radius: 10rem;
	color: #fff;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: .15rem;
	transition: all .3s;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.button:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(21, 9, 55);
	border-radius: 10rem;
	z-index: -2;
}

.button:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #7a06af;
	transition: all .3s;
	border-radius: 10rem;
	z-index: -1;
}

.button:hover {
	background-color: purple !important;
  text-decoration: none;
  color: white;
  font-weight: bold;
  
}

.button:hover:before {
	width: 100%;
}



.main-banner .left-content h2 {
    z-index: 2;
    position: relative;
    font-weight: 700;
    line-height: 70px;
    font-size: 30px !important;
    margin-bottom: 15px;
}