.document-filters {
  display: grid;
  grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1fr) auto;
  gap: 1rem;
  align-items: end;
  margin: 1.5rem 0 1rem;
}

.document-filters[hidden] { display: none; }

.document-filter-status,
.document-filter-empty { margin: .75rem 0; }

@media (max-width: 680px) {
  .document-filters { grid-template-columns: 1fr; }
  .document-filters .button { justify-self: start; }
}