.latest-articles__title {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--brand-primary);
}

.latest-articles {

    .article {
        display: table;
        width: 100%;
    }

    .article__content,
    .article__icn {
        display: table-cell;
        vertical-align: middle;
    }

    .article__icn {
        width: 80px;
        height: 100px;
        background-color: var(--brand-grey-dark);
        background-image: url('../../../img/layout/dot-pattern.png');
        background-position: center center;
        text-align: center;

        svg {
            width: 40px;
            height: 40px;

            path {
                stroke: #fff;
            }
        }
    }

    .article__content {
        padding-left: 20px;
    }

    .article__title {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 18px;
        font-weight: 300;
        color: var(--text-color);

        a {
            display: block;
            color: inherit;
            transition: color .2s ease-in-out;

            &:hover,
            &:focus {
                text-decoration: none;
                color: var(--brand-primary);
            }
        }
    }

    .article__category {
        display: block;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        color: var(--brand-green);

        a {
            display: inline-block;
            color: inherit;
            transition: color .2s ease-in-out;

            &:hover,
            &:focus {
                text-decoration: none;
                color: var(--brand-green);
            }
        }
    }
}

.latest-articles__item {
    margin-bottom: 10px;

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