.gradient-cta {
    width: 100%;
    padding: 6em 0;
    background: linear-gradient(to right, rgba(23,47,87,1) 1%,rgba(61,110,160,1) 43%,rgba(79,118,158,1) 75%,rgba(23,47,87,1) 100%); !important;
}
.gradient-cta .gradient-cta-body {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}

.gradient-description {
    text-align: center !important;  
    color: #fff;
    font-size: 20px;
    padding: 0px 100px;
  
}
.gradient-header {
  text-align: center !important;
  color: #fff;
  font-size: 45px;
  font-weight: 800;
  padding: 0px 200px;
  margin: 15px;
  line-height: 1.2;
}
 .btn-wrapper {
  width: 100%;
  text-align:center; 
}


.whitebtn {
  padding: 15px;
  cursor: pointer;
  background: #db504a;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  width: 200px;
  text-align: center;
  border-radius: 5px;
  margin: 30px 8px 0 8px;
  font-size: 18px !important;
  
}


@keyframes whitebtn {
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(-6px);
  }
}
.whitebtn {
  display: inline-block;
  transition-duration: .5s;
  transition-property: transform;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px #172f57d6;
}
.whitebtn:hover {
  transform: translateY(-6px);
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  color: #fff !important;
}




/*
a.animated-button.thar-three {
	color: #000000;
  text-align: center;
  padding: 20px 30px;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}

a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all .8s cubic-bezier(0.42, 0, 0.58, 1);
0s;
}
 <a href="#" class="btn btn-sm animated-button thar-three">Register</a> 
*/

@media (max-width: 479px) {
  .gradient-description {
    padding: 0px 10px;
}
  
}