export logo to SVG with transparency mask

Hi,

I'm using the 7 day free trial of Illustrator, and I'm trying to decide if this is the right software to design web logos.

When I export the logo I designed in AI to SVG format, the objects with a transparency mask are made entirely transparent, not just the sections under the transparency mask.

Is there an option that I'm missing in the SVG Options?

Or is SVG export disabled in the free trial?

Or is Illustrator the wrong Adobe application to use in designing for the web?

Here's what a simple version looks like in AI:

Here's what it looks like in a web page builder:

Let me know if I'm missing the correct settings in SVG Save As, or if they are disabled in the trial version, or if Adobe Illustrator is not for creating web logos.

Thanks for your help.