.sortable-header .sortable-link {
    cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-weight: 600;
	text-decoration: none;
}

.sortable-header .sortable-link::after {
	content: "\2195";
	font-size: .85em;
	line-height: 1;
	opacity: .45;
	transition: opacity .2s ease, color .2s ease;
}

.sortable-header.asc .sortable-link::after {
	content: "\2191";
	opacity: 1;
	color: var(--tblr-primary);
}

.sortable-header.desc .sortable-link::after {
	content: "\2193";
	opacity: 1;
	color: var(--tblr-primary);
}

.sortable-header:hover .sortable-link::after,
.sortable-header .sortable-link:focus-visible::after {
	opacity: 1;
}