.cell-label {

padding-top: 0.15em;

&:hover {
  a {
    color: $action-color;
  }

  svg {
    fill: $action-color;
    transform: rotate(180deg);
  }
}

a {
  color: inherit;
  display: inline-block;
  transition: color $base-duration $base-timing;
  width: 100%;
  white-space: initial;
}

}

.cell-label–asc, .cell-label–desc {

font-weight: $bold-font-weight;

}

.cell-label__sort-indicator {

float: right;
margin-left: 5px;

svg {
  fill: $hint-grey;
  height: 13px;
  transition: transform $base-duration $base-timing;
  width: 13px;
}

}

.cell-label__sort-indicator–desc {

transform: rotate(180deg);

}

.cell-data–number, .cell-label–number {

text-align: left;

}