How to make text wrap and gradient in SVG?

Question

SVG

Good afternoon. It is necessary to make text with a gradient in SVG. This is generally not a problem:

<svg>
       <defs> 
             <linearGradient id="textgradient" x1="0%" x2="100%" y1="0%" y2="0%">
                    <stop stop-color="#000" offset="0%"></stop>
                    <stop stop-color="#64284a" offset="60%"></stop>
                    <stop stop-color="#9d1e65" offset="80%"></stop>
                    <stop stop-color="#f89f7c" offset="100%"></stop>
             </linearGradient>
       </defs>
       <text x="0" y="0" fill="url(#textgradient)">Upgrade all senses</text>
</svg>

But, of course, the text output in this way does not wrap to a new line if it becomes wider than the block in which this svg lies.
Experiments with foreignObject did not give any result. Perhaps he did something wrong.
How can this problem be solved?