.sortable {
    cursor: pointer;
    user-select: none;
    position: relative;
    padding-right: 25px;
}

.sortable:hover {
    background-color: #f0f0f0;
}

.sort-icon {
    position: absolute;
    right: 8px;
    opacity: 0.3;
}

.sort-icon::after {
    content: '⇅';
}

.sortable.asc .sort-icon::after {
    content: '↑';
    opacity: 1;
}

.sortable.desc .sort-icon::after {
    content: '↓';
    opacity: 1;
}

.sortable.asc .sort-icon,
.sortable.desc .sort-icon {
    opacity: 1;
}