/*
 * Next.js 오류 화면은 공통 목업과 달리 <main> 안에 .page-error가 들어간다.
 * 헤더·푸터의 가변 높이를 추정하지 않고 콘텐츠 영역 안에서 안내 전체를 가운데 놓는다.
 * 모바일에서도 버튼을 하단에 따로 떼지 않는다.
 */
.vouchermall-main > .page-error {
    display: grid;
    width: 100%;
    min-height: 60vh;
    padding: 80px 0;
    place-items: center;
}

.vouchermall-main > .page-error .error-actions {
    position: static;
}

@media (max-width: 768px) {
    .vouchermall-main > .page-error .error-actions {
        width: 100%;
        margin-top: 32px;
    }
}