.article-quote__body {
    background-color: var(--theme-color-10);
}

.article-quote__body--primary {
    background-color: var(--theme-color-20);
}

.article-quote__body--secondary {
    background-color: var(--theme-color-30);
}

.article-quote__body .article-quote__media {
    margin-bottom: 0 !important;
}

.article-quote__content {
    padding: var(--theme-spacing-lg) var(--theme-spacing-lg);
}

.article-quote__content .c-icon {
    width: 100%;
}

.article-quote__rte {
    padding-left: 50px;
    padding-right: 50px;
}

.article-quote__content svg {
    width: 40px;
    height: auto;
    display: block;
    fill: var(--theme-type-color);
}

.align-right {
    margin-left: auto;
}

.article-quote__body--white {
    background-color: #fff;
}

@media (max-width: 30em) {
    .article-quote__content svg {
        width: 25px;
    }

    .article-quote__rte {
        padding-left: 30px;
        padding-right: 30px;
    }
}