/**
 * @file
 * Visual styles for view filters.
 */

.view-filters {
  border-bottom: 6px solid var(--color-primary-light);
  padding-bottom: var(--spacing-xl);
}

.view-filters form {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
}

.view-filters label {
  display: block;
  margin-bottom: var(--spacing-lg);
  font-size: var(--font-size-sm);
}

.view-filters .bef-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  list-style: none;
  padding: 0;
}