body {
    height: 100%;
}

.not-found-page-main {
    border: 0 !important;
}

.not-found-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: var(--ids_size_general_24x);

    > p {
        color: var(--ids_color_feedback_neutral);
    }
}

.not-found-page-container {
    margin: var(--ids_size_general_64x) 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.button-area {
    margin-top: var(--ids_size_general_64x);
}

@media (max-width: 680px) {
    .not-found-container {
        text-align: center;

        .main-button {
            width: 100%;
        }
    }

    .not-found-page-container {
        margin: var(--ids_size_general_32x) 0;
    }

    .button-area {
        margin-top: var(--ids_size_general_32x);
    }
}