/* 02 New GRADIENT BUTTONS */

.btns {
  flex: 1 1 auto;
  margin:0 auto;
  padding: .4rem 3rem;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  border-radius: 15px;
  color:#fff;
  font-weight:bold;
 }

.btns:hover {
  color:#fff;
  }

.btns::after {
  display:none;
  color:#fff;
  }

.btns:a{
  color: #ffffff;
  }

.btns:hover {
  background-position: right center; /* change the direction of the change here */
}


.btns-4 {
  background-image: linear-gradient(to right, #5692c9 0%, #7cbcf6 51%, #5692c9 100%);
}

.btns-5 {
  background-image: linear-gradient(to right, #5692c9 0%, #156b51 51%, #5692c9 100%);
}

.btns-6 {
  background-image: linear-gradient(to right, #5692c9 0%, #ff8686 51%, #5692c9 100%);
}


.enlargeButton .btns-4 {
  color:#fff;
  }

.enlargeButton .btns-5 {
  color:#fff;
  }


.enlargeButton .btns-6 {
  color:#fff;
  }