@layer pages {
  #checkout-success-show {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-16) var(--space-4);
    text-align: center;

    h1 {
      margin: var(--space-4) 0 var(--space-2);
    }

    svg path {
      stroke: var(--color-success);
    }

    .actions {
      display: flex;
      justify-content: center;
      gap: var(--space-3);
      margin-top: var(--space-6);
    }
  }
}