/* === Страница 404: Обёртка секции === */
.not-found {
    /* Размеры */
    width: 100%;
    height: calc(100vh - 160px);

    /* Расположение элементов */
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

/* === Картинка (иконка) === */
.not-found__image {
    /* Размеры */
    width: 300px;

    filter: var(--light-color-filter);
}

/* === Заголовок страницы === */
.not-found__title {
    /* Отступы */
    margin: -20px 0 0;
    padding: 0 10px;

    /* Шрифт */
    text-align: center;
    font-size: var(--font-size-title);
    font-weight: 700;
    color: var(--light-color);
}

/* === Подпись / описание === */
.not-found__description {
    /* Размеры и расположение */
    max-width: 300px;
    
    /* Шрифт */
    text-align: center;
    font-size: var(--font-size-menu);
    font-weight: 400;
    color: var(--light-color);
    opacity: var(--font-opacity);
}

/* === Кнопка возврата === */
.not-found__button {
    /* Размеры */
    width: 300px;
    height: 50px;

    /* Расположение */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;

    /* Текст */
    text-decoration: none;
    font-size: var(--font-size-menu);
    color: var(--light-color);

    /* Оформление */
    border: 1px solid var(--light-color);
    border-radius: var(--border-radius);
    cursor: pointer;

    /* Эффекты */
    transition-duration: var(--animation-duration);
}

/* === Эффект при наведении на кнопку === */
.not-found__button:hover {
    color: var(--dark-color-background);
    background: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow:
            0 0 5px var(--primary-color),
            0 0 25px var(--primary-color),
            0 0 50px var(--primary-color);
}