.site-404 {
    padding: 100px 0;
    max-width:1120px;
    margin: 0 auto
}

.text__404-page {
    width: 100%;
    height: auto;
    margin: 0 auto;
    color: var(--text-default);
    font-size: 250px;
    font-weight: 900;
    line-height: 120%;
    text-shadow: -8px 8px var(--btn-bg);
    text-align: center
}

.site-404 .button__play-item {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
a.btn-login{
    color: var(--bnt_color_text);
}

@media only screen and (max-width:1520px) {
    .text__404-page {
        font-size: 22vw
    }
     .site-404 {
        max-width: 75vw
    }
}

@media only screen and (max-width:1120px) {
    .site-404 {
        padding: 10vw 0;
        max-width: 72vw
    }

    .text__404-page {
        font-size: 28vw
    }
}

@media only screen and (max-width:900px) {
    .site-404 {
        padding: 9.589vw 0;
        max-width: 80vw
    }

    .text__404-page {
        font-size: 32vw
    }
}

@media only screen and (max-width:500px) {
    .text__404-page {
        font-size: 35vw
    }
}