ion-content {
  background-color: #fff;
}

ion-card {
  margin: 10px;
}

ion-avatar {
  width: 30px;
  height: 30px;
}

ion-button {
  --border-radius: 0;
}
/*
<ion-footer class="footer">
  <ion-toolbar color="light">
    <ion-buttons>
      <ion-button [class.active]="selectedTab === 'home'" (click)="selectTab('home')">
        <ion-button [routerLink]="'/tabs/tab1'" routerDirection="root">
          <ion-icon name="home"></ion-icon>
        </ion-button>
      </ion-button>
      <ion-button [class.active]="selectedTab === 'shop'" (click)="selectTab('shop')">
        <ion-button [routerLink]="'/tabs/tab2'" routerDirection="root">
          <ion-icon name="cart"></ion-icon>
        </ion-button>
      </ion-button>
      <ion-button [class.active]="selectedTab === 'message'" (click)="selectTab('message')">
        <ion-button [routerLink]="'/tabs/tab3'" routerDirection="root">
          <ion-icon name="chatbox"></ion-icon>
        </ion-button>
      </ion-button>
      <ion-button [class.active]="selectedTab === 'profile'" (click)="selectTab('profile')">
        <ion-button [routerLink]="'/tabs/tab4'" routerDirection="root">
          <ion-icon name="person"></ion-icon>
        </ion-button>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-footer>
*/