my html button with zmdi icon dont work

i am very bad in css/html so i ask here.

i have the this code but the button dont work :/ what i do wrong?

            <div class="col-sm-12 col-md-4">
                <div class="single-item res-sm text-center moreCards" data-uri="steam-card">
                    <div class="single-item-icon">
                        <button class="unstyled-button" style="border:none;background-color:F1F1F1;"><i href="https://steam.com" class="zmdi zmdi-steam animated infinite pulse zmdi-hc-fw"></i></button>
                    </div>
                    <h4 class="ht-pt">Steam</h4>
                </div>
            </div>