.balter_table_sort {
  & th[data-balter-sort] {
    cursor: pointer;

    &[aria-sort="ascending"]::after {
      content: ' ↑';
      color: var(--balter-primary-color);
    }

    &[aria-sort="descending"]::after {
      content: ' ↓';
      color: var(--balter-primary-color);
    }

    &:focus-visible {
      outline: 2px solid var(--balter-primary-color);
      outline-offset: -2px;
    }
  }
}