Как лучше указывать внутренние отступы по бэм?

Question

[Narts]

привет! макет увы не могу показать, постараюсь описать проблему на словах.
есть карточка, которая состоит из названия, иконки и описание.

вынес код в отдельный компонент, который имеет вид:

.card {
     padding: 24px;

     &__title {...}
     &__description {...}
     &__icon {...}
}

но эти карточки в разных секциях имеют разные отступы. в основном это 24 пикселя, но в одной секции у карточек отступ 12. соответственно вопрос - как лучше сделать:
1. у .card добавить модификатор по типу .card_small-paddings в котором переопределить паддинг
2. у .card вообще убрать паддинги и определять их через контейнер, в котором они находятся:

.section-hero {
     .card {
          padding: 24px;
     }
}

.section-features {
     .card {
          padding: 12px;
     }
}

Answer 1

[Сергей delphinpro]

по БЭМ - первый вариант