title: Bootstrap 5: Disable gradient for specific buttons, backgrounds or divs
body: <p>I have recently enabled gradients to my site using <code>$enable-gradients: true;</code> which works beautifully &amp; gradients get applied to buttons, divs, or backgrounds when I use bootstrap <code>btn-primary</code> bootstrap class. The real problem for me is I want some of my buttons in a very matt format and not apply gradients to it for which I wanna use a class something like <code>btn-primary-remove-gradient</code> which should remove gradients from anywhere I place this particular code. How am I supposed to achieve this? I tried using the below code:</p>
  <pre><code>.btn-primary-remove-gradient{
      $enable-gradients: false;
  }
  </code></pre>
  <p>also tried</p>
  <pre><code>if(.btn-primary-nogradient,$enable-gradients:false);
  </code></pre>
  <p>I am kinda new to SCSS and sass so I don't really know the best practice for it.
  Is it possible to achieve what I am trying to do by classes? or will I have to manually make a new class CSS for removing gradients.</p>