/**
 * @file
 * Search filters mobile - Badge positioning on filter button.
 */

.h-bricks__open-filters-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-2, 8px);
}

.h-bricks__filters-badge {
  position: absolute;
  z-index: 10;
  top: -0.5rem;
  right: -0.5rem;
  pointer-events: none;
}

.h-bricks__filters-badge.hidden {
  display: none;
}

/* Show button only on mobile */

@media (max-width: 1199px) {
  .h-bricks__open-filters-wrapper {
    display: inline-flex;
  }
}

/* Hide button on desktop */

@media (min-width: 1200px) {
  .h-bricks__open-filters-wrapper {
    display: none;
  }
}