/* Payment Modal Styles */

/* Spinner for payment status */
.payment-status-spinner {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
}

/* Spinner for buttons */
.payment-button-spinner {
  width: 1rem;
  height: 1rem;
}

/* Success icon */
.payment-success-icon {
  font-size: 3rem;
  color: var(--bs-success);
}

/* Error icon */
.payment-error-icon {
  font-size: 3rem;
  color: var(--bs-danger);
}

/* Modal spacing */
.payment-modal .modal-body {
  padding: 1.5rem;
}

/* Status container */
.payment-status-container {
  display: flex;
  align-items: center;
}

/* Status message */
.payment-status-message {
  margin-bottom: 0;
}