demo-hover-bottom {
    font-size: 72px;
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .gradient {
    background: linear-gradient(-45deg, #c74b4b, #4c154e);
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;

  }

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

    50% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0% 50%;
    }
  }