.sortable-table th button {
  appearance: none;
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: inherit;
  padding: 0 18px 0 0;
  position: relative;
  text-align: left;
}
.sortable-table th button::after { color: #839098; content: '↕'; position: absolute; right: 0; }
.sortable-table th button[data-sort-direction="asc"]::after { color: #087744; content: '↑'; }
.sortable-table th button[data-sort-direction="desc"]::after { color: #087744; content: '↓'; }
.sortable-table th button:focus-visible { outline: 2px solid #087744; outline-offset: 2px; }