Background image gradient should be as long as the text

Question

Image with the problem ...I tried to make the title header of a site with a gradient of 2 colors. This title is centered, and the gradient wallpaper is as long as the page, but I want it to be exactly as long as the text.

Can some one help me?

.Title {
    text-align: center;
    background: #7F00FF;
    background: -webkit-linear-gradient(to right, #7f00ff, #e100ff);
    background: linear-gradient(to right, #7f00ff, #e100ff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}