.p-error h1 {
    font-family: var(--font-typed);
    font-size: 72px;
    line-height: 72px;
    margin-bottom: 20px;
}

.p-error__content {
    color: var(--color-white);
    text-align: center;
    padding-bottom: 20px;
}

.p-error .b-typed__text {
    font-size: 23px;
    line-height: 39px;
}

.p-error__text {
    font-size: 20px;
    line-height: 20px;
}

.p-error__text:not(:last-child) {
    margin-bottom: 20px;
}

.p-error__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -7.5px -15px;
}

.p-error__buttons .button {
    margin: 0 7.5px 15px;
}

@media (min-width: 768px) {
    .p-error__content {
        padding-bottom: 30px;
    }

    .p-error h1 {
        margin-bottom: 30px;
    }

    .p-error__text {
        font-size: 24px;
        line-height: 24px;
    }

    .p-error__text:not(:last-child) {
        margin-bottom: 30px;
    }

    .p-error__buttons {
        margin: 0 -13px;
    }

    .p-error__buttons .button {
        margin: 0 13px;
    }
}

@media (min-width: 1024px) {
    .p-error h1 {
        font-size: 98px;
        line-height: 98px;
    }

    .p-error .b-typed__text {
        font-size: 32px;
        line-height: 54px;
    }

    .p-error__text {
        font-size: 28px;
        line-height: 28px;
    }

    .p-error__buttons {
        margin: 0 -15px;
    }

    .p-error__buttons .button {
        margin: 0 15px;
    }
}

@media (min-width: 1234px) {
    .p-error__content {
        padding-bottom: 60px;
    }

    .p-error h1 {
        font-size: 124px;
        line-height: 124px;
        margin-bottom: 60px;
    }

    .p-error__text {
        font-size: 32px;
        line-height: 32px;
    }

    .p-error__text:not(:last-child) {
        margin-bottom: 60px;
    }

    .p-error__buttons {
        margin: 0 -32px;
    }

    .p-error__buttons .button {
        margin: 0 32px;
    }
}