.x-ag-footer {
  @extend %font-size-sm,
          .text-uppercase,
          .font-weight-bold,
          .p-2,
          .d-flex,
          .flex-auto,
          .h-100,
          .border-top;
  .is-right & {
    @extend .justify-content-end;
  }
}

.x-ag-footer-primary {
  @extend .x-ag-footer,
          .border-secondary,
          .bg-secondary-lighter;

  border-width: 2px !important;

  .x-ag-footer-title {
    @extend .text-secondary-darker;
  }
}