Начальная загрузка 5: Отключение градиента для определенных кнопок, фонов или дивов

#css #bootstrap-4 #bootstrap-5 #scss-mixins

Вопрос:

Недавно я включил градиенты на своем сайте, используя $enable-gradients: true; которые красиво работает, и градиенты применяются к кнопкам, разделам или фонам, когда я использую btn-primary класс начальной загрузки bootstrap. Настоящая проблема для меня в том, что я хочу, чтобы некоторые из моих кнопок были в очень матовом формате, а не применяли к ним градиенты, для которых я хочу использовать класс, подобный btn-primary-remove-gradient тому, который должен удалять градиенты из любого места, где я размещаю этот конкретный код. Как я должен этого достичь? Я попытался использовать приведенный ниже код:

 .btn-primary-remove-gradient{
    $enable-gradients: false;
}
 

также пробовал

 if(.btn-primary-nogradient,$enable-gradients:false);
 

Я в некотором роде новичок в SCSS и sass, поэтому я действительно не знаю лучшей практики для этого.
Возможно ли достичь того, что я пытаюсь сделать, с помощью занятий? или мне придется вручную создать новый CSS-класс для удаления градиентов.