.x-ag-footer {
  @extend %font-size-sm,
          %cursor-default,
          .text-uppercase,
          .font-weight-bold,
          %p-2,
          .d-flex,
          .flex-auto,
          .align-items-center,
          .h-100,
          .border-top;

  background-color: $white;

  .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;
  }
}