.more-btn {
  padding: 0px 46px;
  background-image: -webkit-gradient(linear, left top, right top, from(#8dbecc ), color-stop(51%, #998dff), to(#8dbecc ));
  background-image: -webkit-linear-gradient(left, #8dbecc  0%, #3a54a1 51%, #8dbecc  100%);
  background-image: -o-linear-gradient(left, #8dbecc  0%, #3a54a1 51%, #8dbecc  100%);
  background-image: linear-gradient(to right, #8dbecc  0%, #3a54a1 51%, #8dbecc  100%);
  background-size: 200% auto;
  z-index: 2;
  display: inline-block;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: 'blogger_sansbold';
  line-height: initial;
  padding: 15px 40px;
  border: 6px solid rgba(204, 241, 255, 0.5);
  border-radius: 33px;
  text-decoration: none;
}

.more-btn:hover {
  background-position: right center;
  color: #fff;
}
.more-btn.light {
  background-image: linear-gradient(to right, #8dbecc 0%, #3489a2 51%, #8dbecc 100%);
  border: 6px solid rgb(213, 231, 234);
}
.more-btn.yellow {
  background-image: linear-gradient(to right, #fff5d0 0%, #ede03e 51%, #ede03e 100%);
  border: 6px solid rgb(247, 213, 76);
  color: black;
}