.button-group {
  margin: 2rem 0;
}

.button-group__inner {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.btn {
  display: inline-block;
  padding: 0.85rem 1.6rem;
  font-size: 1.05rem;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
  border: 2px solid transparent;
  margin: .2rem;
  cursor: pointer;
}

.btn--primary,
.btn {
  background: var(--bs-link-color);
  border-color: var(--bs-link-color);
  color: var(--bs-body-bg);
}

.btn--primary:hover,
.btn:hover {
  background: var(--bs-link-hover-color);
  border-color: var(--bs-link-hover-color);
}

.btn--outline {
  background: transparent;
  border: 1px solid var(--bs-link-color);
  color: var(--bs-link-color);
}

.btn--outline:hover {
  background: var(--bs-link-hover-color);
  border-color: var(--bs-link-hover-color);
  color: var(--bs-body-bg);
}

.btn:focus-visible {
  outline: 3px solid var(--bs-link-color);
  outline-offset: 3px;
}