.unread-notification {
    opacity: 1;
}

.unread-hitbox:hover .unread-notification {
    opacity: 0.25;
}

.read-notification {
    opacity: 0;
}

.read-hitbox:hover .read-notification {
    opacity: 0.25;
}

tr td.table-actions-button {
    opacity: 0;
}
tr:hover td.table-actions-button {
    opacity: 1;
}

@media (hover: none) and (pointer: coarse) {
    tr .table-actions-button {
        opacity: 1 !important;
    }
}