.sortable-head {
  padding: 0 !important;
}

.sortable-head .table-sort-button {
  display: inline-flex;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  padding: 8px 10px;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
}

.sortable-head.num .table-sort-button {
  justify-content: flex-end;
}

.sortable-head .table-sort-button:hover,
.sortable-head .table-sort-button:focus-visible {
  color: #146c94;
  background: #eaf3f7;
  outline: 1px solid #146c94;
  outline-offset: -1px;
}

.sort-arrows {
  display: inline-flex;
  flex-direction: column;
  flex: 0 0 auto;
  color: #93a4af;
  font: 8px/7px Arial, sans-serif;
}

.sortable-head[data-sort-direction="asc"] .sort-up,
.sortable-head[data-sort-direction="desc"] .sort-down {
  color: #146c94;
  font-weight: 700;
}

.sortable-head[aria-sort="ascending"] .table-sort-button,
.sortable-head[aria-sort="descending"] .table-sort-button {
  color: #146c94;
  background: #eef6f9;
}

@media(max-width:900px) {
  .sortable-head .table-sort-button {
    min-height: 34px;
    padding: 7px 8px;
  }
}