.payment-result-page {
  max-width: 420px;
  margin: var(--space-6) auto 0;
}

.payment-result-card {
  padding: var(--space-6) var(--space-5);
  text-align: center;
}

.payment-result-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-4);
  font-size: 1.8rem;
}

.payment-result-icon.success {
  background: var(--color-success-soft);
  color: var(--color-success);
}

.payment-result-icon.failed {
  background: var(--color-danger-soft);
  color: var(--color-danger);
}