How to add animated gradient text to Elementor

/* - Animated Gradient Text - */

.gradient-text h1, .gradient-text h2, .gradient-text h3, .gradient-text h4, .gradient-text h5, .gradient-text h6 {
 background: linear-gradient(45deg, #2FEBDC, #EB413B, #FFA300, #E422EB);
 background-size:400%;
 animation: text-gradient 15s ease infinite;
 padding:5px 0;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 background-clip: text;
   text-fill-color: transparent;
}

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