/* https://codepen.io/fox_hover/pen/bqZxLa */

.gradient-container {
  height: 60px; 
	align-items: center;
}
.gradient-border-back,
.gradient-border-next {
  display: inline-block;
  width: 120px;
	height: 21px;
	color: #000;
	font-size: 16px;
	cursor: pointer;
}
.gradient-border-back {
  background-image: linear-gradient(to right, rgb(0, 255, 255) 33%, rgb(14, 173, 173) 67%);
}
.gradient-border-next {
  background-image: linear-gradient(to right, rgb(14, 173, 173) 33%, rgb(0, 255, 255) 67%);
}
.gradient-border-back>div,
.gradient-border-next>div {
  background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
  padding: 0;
  text-align: center;
}
.gradient-border-back:hover,
.gradient-border-next:hover {
  padding: 3px 0;
	height: 27px;
}
.fix .gradient-border-back:hover,
.fix .gradient-border-next:hover {
	height: 29px;
	margin-top: 2px;
}
.gradient-border-back:hover {
  animation: anim-rwd linear 1.25s infinite;
}
.gradient-border-next:hover {
  animation: anim-fwd linear 1.25s infinite;
}
@keyframes anim-rwd {
  0% { background-position: 0% 0%; }
  100% { background-position: -120px 0%; }
}
@keyframes anim-fwd {
  0% { background-position: 0% 0%; }
  100% { background-position: 120px 0%; }
}