/* Block: feature-card */
.feature-card {
    display: flex;
    flex-direction: column;
    padding: calc(24 * var(--tgc-u)) calc(26 * var(--tgc-u)) calc(30 * var(--tgc-u));
    border: 1px solid transparent;
    border-radius: var(--tgc-radius);
    background-color: var(--tgc-violet);
    color: var(--theme-white);
}

.feature-card--outline {
    border-color: var(--tgc-violet);
    background-color: var(--tgc-card);
    color: var(--tgc-ink);
}

.feature-card--soft {
    background-color: var(--tgc-violet-soft);
    color: var(--tgc-ink);
}

.feature-card__motif {
    display: inline-flex;
    margin-bottom: calc(26 * var(--tgc-u));
}

.feature-card__title {
    margin-bottom: calc(12 * var(--tgc-u));
    font-size: var(--tgc-text-body);
    font-weight: 600;
    line-height: 1.35;
    color: inherit;
}

.feature-card__text {
    font-size: var(--tgc-text-ui);
    line-height: 1.75;
    color: inherit;
}

.feature-card--outline .feature-card__text,
.feature-card--soft .feature-card__text {
    color: var(--tgc-ink-muted);
}

@media (max-width: 768px) {
    .feature-card {
        padding: 20px 22px 24px;
    }

    .feature-card__motif {
        margin-bottom: calc(18 * var(--tgc-u));
    }
}