.card-split.x-card {
  padding: 0 !important;

  .x-card-body {
    .x-card-content {
      padding: 3rem 2rem 1.5rem;
    }
  }

  .x-card-footer {
    .x-card-content {
      padding: 0;
    }
  }

  .label-caps-xs {
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 500;
  }
}

.payment-button {
  margin-right: -0.5rem;
  .x-btn-link-white {
    color: white;
  }
}

.payment-detail-card {
  &.bg-primary {
    background-color: var(--custom-theme-primary, theme-color("primary")) !important;
  }

  .bg-primary-darker {
    background-color: var(
      --custom-theme-primary-darker,
      theme-color("primary-darker")
    ) !important;
  }
}