body .page-archive-news {

    .list-single .item,
    .list-single .item:first-child {
        flex-basis: calc(25% - 1.21875rem);
    }

    .list-single .item:first-child .link {
        display: block;
    }

    .list-single .item:first-child .illus-wrapper {
        margin-right: unset;
    }

    .list-single .item:first-child .illus-wrapper::before,
    .list-single .item .illus-wrapper::after {
        content: unset;
    }

    .list-single .item:first-child .illus {
        position: relative;
    }

    .list-single .item .desc,
    .list-single .item:first-child .desc {
        margin-top: 0;
        padding: .75rem;
    }

    .list-single .item .categories {
        position: absolute;
        top: .75rem;
        left: .75rem;
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
    }

    .list-single .item .category {
        text-transform: uppercase;
        padding: 0.3rem;
        background-color: var(--color-primary);
        color: var(--color-background);
        font-size: 0.8rem;
        font-weight: 500;
        width: fit-content;
        transition: all 0.3s ease;
    }

    .list-single .item .title,
    .list-single .item:first-child .title {
        font-size: 1.5rem;
        margin-top: .75rem;
        margin-bottom: 0;
    }

    .list-single .item .date,
    .list-single .item:first-child .date {
        margin-top: 0;
    }

    .list-single .item .btn-wrapper,
    .list-single .item:first-child .btn-wrapper {
        margin-top: .75rem;
    }


    .list-single .item:hover {
        transition: all .3s ease;
        background-color: var(--color-primary);
    }

    .list-single .item:hover .category {
        transition: all .3s ease;
        background-color: var(--color-secondary);
    }

    .list-single .item:hover .date,
    .list-single .item .link:hover .title,
    .list-single .item .link:hover .fake-link {
        transition: all .3s ease;
        color: var(--color-background);
    }
}