Remove line from footer

Question

Hi, could someone give me a hand? I don’t know what could be wrong because I’ve used no-Lines before in another project and it worked perfectly, but here I can’t remove this line for nothing.
It may be something very simple but I haven’t found the solution yet.

HTML:

<ion-header>
<ion-navbar>
</ion-navbar>
</ion-header>

<ion-content class="bg-style" no-padding>

<img src="assets/imgs/tela.png" height="150" width="490" style="display: 
 block;
 margin-left: auto; margin-right: auto; margin-top: 150px">

<ion-footer no-lines class="footerlogo">
<ion-toolbar no-padding>
   <ion-item class="ionitem">
    <ion-title>

      <button ion-button secondary (click)="entrar(); alertaBasica()" 
    class="buttonlogo">ENTRAR</button>

    </ion-title>
   </ion-item>
  </ion-toolbar>
  </ion-footer>

  </ion-content>

SCSS:

page-logo {

background-color: #179c90 !important;


.footerlogo {
    border: none !important;
    outline: none  !important;
    outline-color: #179c90!important;

}

.buttonlogo {
    background-color: #179c90;

}

.ionitem{
    background: #179c90 !important;

}   

.bg-style {

    background: #179c90;
}


.toolbar-title{ text-align: left;
    padding-left: 36%;
    font-weight: normal;
}

}

Answer 1

To remove this line just add no-border in the ion-footer:

<ion-footer no-border class="footerlogo">
    <ion-toolbar no-padding>
        <ion-item class="ionitem">
            <ion-title>
                <button ion-button secondary (click)="entrar(); alertaBasica()" class="buttonlogo">ENTRAR</button>
            </ion-title>
        </ion-item>
    </ion-toolbar>
</ion-footer>

I hope it helps!