<svg viewBox="0 0 300 120" width="300" height="120" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="g" x1="0%" x2="100%">
<stop offset="0%" stop-color="#7c3aed"/>
<stop offset="100%" stop-color="#06b6d4"/>
</linearGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<rect x="10" y="10" width="280" height="100" rx="20" fill="#0f172a"/>
<circle cx="60" cy="60" r="18" fill="url(#g)" filter="url(#glow)"/>
<text x="95" y="68" font-size="28" fill="url(#g)" font-family="Arial, sans-serif">
markdown can do this
</text>
</svg>
hello world
