ion-content {
  --padding-bottom: 80px; // To ensure the footer doesn't overlap content
}

ion-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.add-button{
  --padding-start: 16px;
  --padding-end: 16px;
  --padding-top: 8px;
  --padding-bottom: 8px;
  --border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  width:80px;
}

/* ion-label.ai {
  color: blue;
  text-align: left;
}

ion-label.user {
  color: green;
  text-align: right;
} */

    