.card.col {flex-basis: inherit;}

@media (min-width: 768px) {
  .toc-links-deck--two {
    justify-content: center;
    gap: 1.5rem;
  }

  .toc-links-deck--two .card {
    flex: 0 1 28rem;
    max-width: 28rem;
  }
}

@media (min-width: 576px) {
.card.col, .card-group>.card {
{flex-basis: 0;}
}

.card .card-footer .toc-links-btns a.btn,
.card .toc-links-btns a.btn {
  text-decoration: none !important;
}

.card .card-footer .toc-links-btns a.btn:hover,
.card .card-footer .toc-links-btns a.btn:focus,
.card .card-footer .toc-links-btns a.btn:active,
.card .toc-links-btns a.btn:hover,
.card .toc-links-btns a.btn:focus,
.card .toc-links-btns a.btn:active {
  text-decoration: none !important;
}

.card .card-footer .toc-links-btns a.btn.btn-primary,
.card .toc-links-btns a.btn.btn-primary {
  background-color: var(--toc-fill, #0d6efd) !important;
  border-color: var(--toc-fill, #0d6efd) !important;
  color: var(--toc-fill-text, #fff) !important;
}

.card .card-footer .toc-links-btns a.btn.btn-primary:hover,
.card .card-footer .toc-links-btns a.btn.btn-primary:focus,
.card .card-footer .toc-links-btns a.btn.btn-primary:active,
.card .toc-links-btns a.btn.btn-primary:hover,
.card .toc-links-btns a.btn.btn-primary:focus,
.card .toc-links-btns a.btn.btn-primary:active {
  background-color: var(--toc-fill, #0d6efd) !important;
  border-color: var(--toc-fill, #0d6efd) !important;
  color: var(--toc-fill-text, #fff) !important;
  filter: brightness(0.5);
}

.card .card-footer .toc-links-btns a.btn.btn-outline-primary,
.card .toc-links-btns a.btn.btn-outline-primary {
  color: var(--toc-line, #0d6efd) !important;
  border-color: var(--toc-line, #0d6efd) !important;
  background-color: transparent !important;
}

.card .card-footer .toc-links-btns a.btn.btn-outline-primary:hover,
.card .card-footer .toc-links-btns a.btn.btn-outline-primary:focus,
.card .card-footer .toc-links-btns a.btn.btn-outline-primary:active,
.card .toc-links-btns a.btn.btn-outline-primary:hover,
.card .toc-links-btns a.btn.btn-outline-primary:focus,
.card .toc-links-btns a.btn.btn-outline-primary:active {
  color: var(--toc-line, #0d6efd) !important;
  border-color: var(--toc-line, #0d6efd) !important;
  background-color: color-mix(in srgb, var(--toc-line, #0d6efd) 30%, #ffffff) !important;
  filter: none;
}

@media (max-width: 767.98px) {
  .card .card-footer .toc-links-btns a.btn.btn-primary,
  .card .toc-links-btns a.btn.btn-primary {
    background-color: var(--toc-fill, #0d6efd) !important;
    border-color: var(--toc-fill, #0d6efd) !important;
    color: var(--toc-fill-text, #fff) !important;
  }
  .card .card-footer .toc-links-btns a.btn.btn-outline-primary,
  .card .toc-links-btns a.btn.btn-outline-primary {
    color: var(--toc-line, #0d6efd) !important;
    border-color: var(--toc-line, #0d6efd) !important;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .card .card-footer .toc-links-btns a.btn,
  .card .toc-links-btns a.btn {
    min-height: 44px;
    box-sizing: border-box;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}