.article-picks {
    padding-top: 40px;
    padding-bottom: 40px;

    .article-list-simple {
        margin-top: 40px;

        .article {
            padding: 30px 0;
        }

        .article__content {
            padding-right: 47px;
            position: relative;
        }

        .article__more {
            position: absolute;
            right: 0;
            top: 0;

            svg {
                width: 32px;
                height: 32px;

                path,
                circle {
                    stroke: var(--brand-green);
                }
            }
        }
    }

    @media (min-width:768px) {
        padding-top: 80px;
        padding-bottom: 80px;

        .article-list-simple {
            margin-top: 0;

            .article {
                padding-left: 15px;
                padding-right: 15px;
            }

            .article__title {
                font-size: 24px;
            }
        }

        .article-list-simple__item {
            &:first-child {
                .article {
                    border: 0;
                    padding-top: 0;
                }
            }
        }
    }
}

.article-picks__title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 30px;

    @media (min-width:768px) {
        padding-right: 30px;
        font-size: 36px;
    }
}

.article-picks__text {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
    color: var(--brand-grey-light);

    p {
        margin-bottom: 10px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    @media (min-width:768px) {
        margin-bottom: 35px;
        padding-right: 30px;
        font-size: 21px;
    }
}

.article-pics__divider {
    margin-top: -40px;
    margin-bottom: 0;
    border-color: #e1e1e3;

    @media (min-width:768px) {
        margin-top: -80px;
    }
}