.at-themes__articleTitle::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .5rem;
    background: url('answer-icon-blue.svg') no-repeat left center;
    background-size: 1.6rem 1.6rem;
}

.at-themes__articleWrapper {
    border-radius: var(--borderRadiusLarge);
}

/* cols */
.at-themes__articleWrapper .sitemap-tree {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
}

.at-themes__articleWrapper--cols-four .sitemap-tree {
    grid-template-columns: repeat(auto-fill, minmax(227px, 1fr));
}

.at-themes__articleWrapper--cols-five .sitemap-tree {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.at-themes__articleWrapper--hasCtaWrapper {
    border-radius: var(--borderRadiusLarge) var(--borderRadiusLarge) 0 0;
}

.at-themes__button {
    margin-top: 2rem;
}

.at-themes__ctaWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    border-top: 0;
    border-radius: 0 0 var(--borderRadiusLarge) var(--borderRadiusLarge);
}

.at-themes__ctaContent {
    flex: 1 1 100%;
    margin-bottom: 1rem;
    padding-right: 2rem;
}

.at-themes__title {
    margin-bottom: .5rem;
    font-size: var(--h4Size);
    color: var(--baseDark500);
}

.at-themes__ctaButton::before {
    vertical-align: middle;
    margin-right: .5rem;
    font-size: var(--h3Size);
}

.at-themes__button::after,
.at-themes__ctaButton::after {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1rem;
    content: '\e84e';
    font-family: var(--iconFont);
    font-weight: 400;
}

@media (min-width: 800px) {
    .at-themes__ctaContent {
        flex: 1;
        margin: 0;
    }
}
