.btn-primary {
    font-family: 'ClashGrotesk-Medium';
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bd-primary);
  --bs-btn-border-radius: 3px;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-vert-mousse);
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color); 
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
  --bs-btn-padding-y: 2px;
  --bs-btn-padding-x: 7px;
  gap: 10px;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25 ease;
  text-transform: uppercase;
}

.btn-secondary {
    font-family: 'ClashGrotesk-Medium';
    --bs-btn-bg: var(--bs-gris-vert);
    --bs-btn-color: var(--bs-noir-carbone);
    --bs-btn-border-color: var(--bs-gris-vert);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-vert-mousse);
    --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
    --bs-btn-border-radius: 3px;
    --bs-btn-padding-y: 2px;
    --bs-btn-padding-x: 7px;
    gap: 10px;
    transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25 ease;
    text-transform: uppercase;
}