Css 如何删除svg中椭圆标记左右的间距？

您好，我在svg标签中使用了一个椭圆形状，当我试图使我的网站响应svg宽度的变化和问题时，它支持水平滚动。 这是我的svg

  <svg class="custom_svg_position" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="247" height="246" viewBox="0 0 247 246" style="position: absolute;left: 35%;top: 35%;">
    <defs>
         <filter id="Ellipse_5" x="0" y="0" width="247" height="246" filterUnits="userSpaceOnUse">
             <feOffset dy="6" input="SourceAlpha"/>
             <feGaussianBlur stdDeviation="14.5" result="blur"/>
             <feFlood flood-opacity="0.102"/>
             <feComposite operator="in" in2="blur"/>
             <feComposite in="SourceGraphic"/>
         </filter>
    </defs>
    <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Ellipse_5)">
            <ellipse id="Ellipse_5-2" data-name="Ellipse 5" cx="80" cy="79.5" rx="80" ry="79.5" transform="translate(43.5 37.5)" fill="#fff"/>
    </g>
    <text id="Create_Website"  data-name="Create
Website" transform="translate(123.5 111.5)" fill="#2b3e4d" font-size="26" font-family="Poppins-Regular, Poppins">
        <tspan x="-44.525" y="0">Web</tspan>
        <tspan x="-52.312" y="31">Develop</tspan>
    </text>
 </svg>

.custom_svg_position{
    overflow: hidden !important;
    position: absolute !important;
    left: 62% !important;
    top: 41% !important;
    width: 38%;
    margin-bottom: 10%;
 }