SVG text issues

<!DOCTYPE html>
<html>
<body>

<svg version="2.0" id="svg" xmlns="http://www.w3.org/2000/svg"
                                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                 viewBox="0 0 291.9 230.5" style="enable-background:new 0 0 291.9 230.5;">


<style type="text/css">


    .st0 {
        fill: #A9A9AB;
    }

    .st1 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #232323;
    }

    .st2 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #565656;
    }

    .st3 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #00A651;
    }

    .st4 {
        fill-rule: evenodd;
        clip-rule: evenodd;
        fill: #D1D3D4;
    }

    .st5 {
        fill: #E6E7E8;
    }

    .st6 {
        fill: #FFFFFF;
    }

    .st7 {

    	fill: #ff0000;
        font-family: 'Oswald', sans-serif;
        font-weight: 500;
        transform-origin: 0px 0px;
    }

    .st8 {
        font-size: 15px;
    }

    .st9 {
        font-size: 42.9995px;
    }

    .st10 {
        opacity: 0.8;
        fill: #A9A9AB;
        enable-background: new;
    }

    .st11 {
        opacity: 0.8;
    }


</style>

     <text transform="matrix(0.976 -0.2176 0.2176 0.976 177.1227 169.5521)"
                                        class="st6 st7 st9">TEXT
                                  </text>
</svg>

</body>
</html>