.root{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 32px;
}

.bottom-row {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.icon {
  transform: scaleY(-1);
}

.button{
  width: 100%;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid $color-grey-2;

  svg{
    padding-right: 6px;
    height: 11px;
    width: 12px;
    vertical-align: -2px;
  }
}

.facet-count {
  color: $color-grey-4;
  padding-left: 3px;
}

.divider{
  width: 7px;
}

.query {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 16px;
  font-weight: normal !important;
}