.thankyou-page {
display: flex;
align-items: center;
justify-content: center;
min-height: 70vh;
}
.thankyou-card {
max-width: 640px;
margin: 0 auto;
text-align: center;
}
.thankyou-header h1 {
margin-bottom: var(--space-2);
}
.thankyou-eyebrow {
font-size: var(--font-size-xs);
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--color-text-muted);
margin-bottom: var(--space-2);
}
.thankyou-body p {
margin-left: auto;
margin-right: auto;
}
.thankyou-next {
font-weight: 500;
color: var(--gray-700);
}
.thankyou-actions {
margin-top: var(--space-6);
display: flex;
flex-direction: column;
gap: var(--space-3);
justify-content: center;
}
@media (min-width: 640px) {
.thankyou-actions {
flex-direction: row;
}
}
Document