.animate_text {
    background: linear-gradient(90deg, #00c6ff, #0072ff, #38ef7d);
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shineText 5s linear infinite;
}
@keyframes shineText {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}
/*border-gradient*/
.gradient-border-box {
  position: relative;
  padding: 16px 24px;
  border-radius: 12px;
  z-index: 0;
  background-color: #ffffff;
}

.gradient-border-box::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  background: linear-gradient(120deg, #00ff9c, #00cba9, #38ef7d, #0072ff);
  background-size: 300% 300%;
  border-radius: 14px;
  animation: animatedBorder 6s ease infinite;
}

@keyframes animatedBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}