.linktextbox {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--g-gap);
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 400px) {
  .linktextbox[data-col-count="5"],
  .linktextbox[data-col-count="6"] {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 640px) {
  .linktextbox[data-col-count="2"],
  .linktextbox[data-col-count="3"],
  .linktextbox[data-col-count="4"] {
    grid-template-columns: repeat(2, 1fr);
  }

  .linktextbox[data-col-count="5"],
  .linktextbox[data-col-count="6"] {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 800px) {
  .linktextbox[data-col-count="3"] {
    grid-template-columns: repeat(3, 1fr);
  }

  .linktextbox[data-col-count="6"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .linktextbox[data-col-count="4"] {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1280px) {
  .linktextbox[data-col-count="5"] {
    grid-template-columns: repeat(5, 1fr);
  }

  .linktextbox[data-col-count="6"] {
    grid-template-columns: repeat(6, 1fr);
  }
}