CODE EXAMPLE FOR CSS

how to add gradient color to text

/*create the gradient*/
    background-image: var(--buttonBg);// any color you want
    /* Set the background size and repeat Properties */
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background */
    /* Theis will show the gradient as a text color rather  element bg*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color:transparent;