#filterPopup {
  transition: width 0.2s ease;
  position: fixed;
  top: 0px;
  z-index: 20;
  height: 100%;
  width: 0px;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
}

.offcanvas-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.offcanvas-heading {
  grid-area: 1 / 1 / 2 / 3;
}

.offcanvas-close {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: flex-end;
  margin-top: 5px;
}

#chosenFilteredItems {
  display: flex;
}

.wp-block-buttons>.wp-block-button .wp-block-button__link.btn-secondary {
  background: transparent;
  border: 1px solid #343a40;
  border-radius: 22.5px;
  color: #343a40;
}

.filter-news-categories,
#chosenFilteredItems.hidden {
  display: none;
}

#chosenFilteredItems.shown {
  display: grid;
}

.filter-news-categories {
  border: 1px solid #343a40;
  border-radius: 25px;
}

.button-selected,
.filter-selected {
  display: block;
}

.no-filter-selected {
  display: none;
}