.documents-grid,
.docs-list {
  display: grid;
  grid-template-columns: 1fr 1fr; /* всегда две колонки */
  column-gap: 60px;
  row-gap: 20px;
}

/* Прижать к краям */
.documents-grid > :nth-child(odd),
.docs-list > :nth-child(odd)  { justify-self: start; }
.documents-grid > :nth-child(even),
.docs-list > :nth-child(even) { justify-self: end; }

/* Пилюли */
.doc-link{
  display:inline-block;
  width:max-content; max-width:100%;
  padding:10px 18px;
  background:var(--color-accent);
  color:#fff;
  border-radius:9999px;
  text-decoration:none;
  font-size:16px; font-weight:600; line-height:1.25;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  border:0;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
  transition:transform .12s ease, box-shadow .12s ease;
  margin:2px;
}
.doc-link:hover  { transform: translateY(-1px); box-shadow:0 6px 16px rgba(26,188,156,.25); }
.doc-link:active { transform: translateY(0);    box-shadow:0 3px 10px rgba(26,188,156,.2); }

/* Адаптив */
@media (max-width: 820px){
  .documents-grid, .docs-list { grid-template-columns: 1fr; row-gap:12px; column-gap:0; }
}