Сергей delphinpro

a.bg-light {
}
a.bg-light.p-2.rounded {
}

.my-button {
  --bs-btn-color: ...;
  --bs-btn-bg: ...;
  --bs-btn-border-color: ...;
  --bs-btn-hover-color: ...;
  --bs-btn-hover-bg: ...;
  --bs-btn-hover-border-color: ...;
  --bs-btn-focus-shadow-rgb: ...;
  --bs-btn-active-color: ...;
  --bs-btn-active-bg: ...;
  --bs-btn-active-border-color: ...;
  --bs-btn-active-shadow: ...;
  --bs-btn-disabled-color: ...;
  --bs-btn-disabled-bg: ...;
  --bs-btn-disabled-border-color: ...;
}

<button class="btn my-button">
</button>

<div class="row">
  <div class="col-lg">контент <button id=menuToggle>Скрыть меню</button></div>
  <div class="col-lg-4" id=menu>меню </div>
</div>
<script>
  document.getElementById('menuToggle').addEventListener('click', ()
    => document.getElementById('menu').classList.toggle('d-none'));
</script>