SVG не отображается правильно в IE / Edge

Question

У меня есть SVG, предоставленный мне дизайнером. Он был создан и экспортирован из Illustrator с использованием File > Export > As SVG. Это должен быть круг с эффектом градиента, но в IE / Edge он просто отображается сплошным цветом.

Я проверил это во всех других браузерах, и он отлично работает.

Кто-нибудь можетчтобы увидеть, в чем проблема?

Вот содержимое SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="368.7939mm" height="368.7939mm" viewBox="0 0 1045.4 1045.4001">
<defs>
    <style>.a{fill:url(#a);}</style>
    <linearGradient id="a" x1="1052.9643" y1="795.8587" x2="1053.9644" y2="795.8587" gradientTransform="matrix(1045.3361, 0, 0, -1045.3359, -1100580.4792, 832495.0613)" gradientUnits="userSpaceOnUse">
        <stop offset="0" stop-color="#27347f"/>
        <stop offset="0.9997" stop-color="#8c9090"/>
    </linearGradient>
</defs>
<title>circle-test</title>
<path class="a" d="M643.8,32.7c-288.7,0-522.7,234-522.7,522.7s234,522.7,522.7,522.7,522.7-234,522.7-522.7S932.5,32.7,643.8,32.7Zm0,837.1c-173.7,0-314.5-140.8-314.5-314.5S470.1,240.8,643.8,240.8,958.3,381.6,958.3,555.3,817.5,869.8,643.8,869.8Z" transform="translate(-121.1 -32.7)"/>
</svg>

Примечание: я не использую этот код в строке. Этот код находится внутри файла .svg, который просто включен на страницу, как обычный файл изображения.

Спасибо!