.btn {
  height: 51.82px;
  border-radius: 53.45px 53.45px 53.45px 53.45px;
  gap: 8.91px;
  font-family: 'Livvic', sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: inline-flex;
  /* Utilise Flexbox */
  align-items: center;
  /* Centre verticalement le contenu dans le conteneur */
  justify-content: center;
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: 0px 3.56px 17.82px 0px #0000001A;
}

.btn-primary.active,
.btn-primary:focus,
.btn-primary:hover {
  color: var(--bs-primary);
  background-color: var(--bs-white);
  border-color: var(--bs-primary) !important;

}

.btn-white {
  background-color: rgba(255, 255, 255, 0);
  border-color: var(--bs-primary);
  box-shadow: 0px 3.56px 17.82px 0px #0000001A;
  color: var(--bs-primary);
}

.btn-white.active,
.btn-white:focus,
.btn-white:hover {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary) !important;

}

.btn-green {
  background-color: rgba(255, 255, 255, 0);
  border-color: var(--bs-green);
  box-shadow: 0px 3.56px 17.82px 0px #0000001A;
  color: var(--bs-green);
}

.btn-green.active,
.btn-green:focus,
.btn-green:hover {
  color: var(--bs-white);
  background-color: var(--bs-green);
  border-color: var(--bs-green) !important;

}

.btn-blue {
  background-color: rgba(255, 255, 255, 0);
  border-color: var(--bs-blue);
  box-shadow: 0px 3.56px 17.82px 0px #0000001A;
  color: var(--bs-blue);
}

.btn-blue.active,
.btn-blue:focus,
.btn-blue:hover {
  color: var(--bs-white);
  background-color: var(--bs-blue);
  border-color: var(--bs-blue) !important;

}

.btn-transparent {
  background-color: rgba(255, 255, 255, 0);
  border-color: var(--bs-white);
  box-shadow: 0px 3.56px 17.82px 0px #0000001A;
  color: var(--bs-white);
}

.btn-transparent.active,
.btn-transparent:focus,
.btn-transparent:hover {
  color: var(--bs-white);
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary) !important;

}




.btn-sm {
  height: 24.94px;
  font-size: 12.47px;
  font-weight: 600;
}

.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  box-shadow: 0px 3.56px 17.82px 0px #0000001A;

}

.btn-secondary.active,
.btn-secondary:focus,
.btn-secondary:hover {
  color: var(--bs-secondary);
  background-color: var(--bs-white);
  border-color: var(--bs-secondary) !important;

}