.uofx-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px;

  ion-label {
    margin: 0 10px 0 10px;
    font-size: 18px;
  }

  .pages {
    width: 53%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0px 4px;
    @include text-type(d, b1, m);
    color: get-color(bk-800);
  }

  .uofx-btn-icon {
    --background: #{get-color(gr-200)};
    --background-activated: #{get-color(gr-200)};
    --background-focused: #{get-color(gr-200)};
    --background-hover: #{get-color(gr-200)};
    margin: 0px 4px;

    &:first-child {
      margin-left: 0px;
    }

    &:last-child {
      margin-right: 0px;
    }
  }
}