Botão estilizado?

[William Dias]

Olá, passei um tempão criando botões estilizado para a minha página, porém não consigo chamar outras paginas com ele, como proceder?

Segue um trecho do código:

HTML    

    <div id="header_1">
        <a href="file:///C:/Users/William/Desktop/Meu%20Sute/index.html" title="Início" target=""><img src="imagens/logo.png" width="125px"; height="42px" ;/></a>
        <button class="btn btn-mouse">Entrar</button>
        <a href="file:///C:/Users/William/Desktop/Meu%20Sute/ajuda.html"><button class="btn btn-mouse">Tutoriais e Vídeos</button></a>

    </div>

CSS

    .btn    {
        float:right;
        top:500px;
        left: 100%;
        font-family: calibri;
        background:    #e2e2e2;
        font-size: 15px;
        font-weight: 300;
        border:    none;
        padding:    11px;
        cursor:    pointer;
    }
    
    .btn-mouse    {

        background:    #e2e2e2;
        box-shadow:    0 5px 0    #a3cf56;
    }
        
    .btn-mouse:hover    {

        background:    white;
        box-shadow:    0 5px 0    #edb549;
    }
    
    .btn-mouse:active    {

        position:relative;
        top:    5px;
        box-shadow:    none;
    }