.sort-item {
  display: flex;
  align-items: center;
  padding: $spacing-xxxs $spacing-sm;
  border: $border-width solid transparent;
  border-radius: 1rem;
  cursor: pointer;
  color: $primary;
  user-select: none;

  &:hover {
    color: $white;
    background-color: $link-hover-color;
    border-color: $link-hover-color;
  }
}

.sort-item.active {
  color: $white;
  background-color: $info;
  border-color: $info;
}