.x-modal-alert {
  @extend .modal-sm,
          .text-center;

  .modal-content {
    @extend .py-2;
  }

  .modal-header,
  .modal-footer {
    @extend .border-0;
  }

  .modal-header {
    .modal-title {
      @extend .mr-0,
              .text-uppercase,
              .font-weight-bold;
    }
  }

  .modal-body {
    .x-icon {
      @extend .display-4;
    }
  }

  .modal-footer {
    @extend .pt-0,
            .justify-content-center;
    
    .btn {
      @extend %x-min-width-120;
    }
  }
}