.btn-grad {
	background-image: linear-gradient(to right, #F09819 0%, #EDDE5D  51%, #F09819  100%);
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
	border:none;
	font-weight:bold;
	font-family: 'Montserrat-SemiBold', sans-serif;
  }

.btn-grad:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}

 
.btn-grad1 {
	background-image: linear-gradient(to right, #DA22FF 0%, #9733EE  51%, #DA22FF  100%);
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	box-shadow: 0 0 20px #eee;
	border-radius: 4px;
	display: block;
	border:none;
	
	font-weight:bold;
	font-family: 'Montserrat-SemiBold', sans-serif;
}

 .btn-grad1:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}


 
 .btn-grad2 {
	background-image: linear-gradient(to right, #e53935 0%, #e35d5b  51%, #e53935  100%);
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;            
	box-shadow: 0 0 20px #eee;
	border-radius: 4px;
	display: block;
	border:none;
	
	font-weight:bold;
	font-family: 'Montserrat-SemiBold', sans-serif;
}

  .btn-grad2:hover {
	background-position: right center; /* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}