.article-list .featured-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        padding-bottom: 1.875rem;
    }

.article-list .rest-wrapper {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
    }

@media screen and (min-width: 48rem) {
        .article-list .featured-wrapper,
        .article-list .rest-wrapper {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 0.9375rem;
        }
}

@media screen and (min-width: 64rem) {
        .article-list .featured-wrapper {
            padding-bottom: 2.5rem;
        }
        .article-list .rest-wrapper {
            grid-template-columns: repeat(3, 1fr);
        }
}

@media screen and (min-width: 96rem) {
        .article-list .featured-wrapper,
        .article-list .rest-wrapper {
            gap: 1rem;
        }
        .article-list .featured-wrapper {
            padding-bottom: 3.125rem;
        }
        .article-list .rest-wrapper {
        }
}

.load-more-button-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
}

.load-more-button-wrapper .btn {
        font-size: 1rem;
        border: 0.0625rem solid var(--color-primary);
        background: transparent;
        line-height: 1;
        min-width: 15.625rem;
        cursor: pointer;
        color: var(--color-primary);
    }

.load-more-button-wrapper .hidden {
        display: none;
    }