.alert--read {
    opacity: 0.5;
}

/* Basis - Buttons immer sichtbar */
.markReadAlertButton,
.markUnreadAlertButton {
    display: inline-block;
    margin-left: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* READ Zustand */
.alert--read .markReadAlertButton {
    opacity: 1;
}

/* UNREAD Zustand */
.alert--unread .markUnreadAlertButton {
    opacity: 1;
}

/* optional: nicer hover */
.markReadAlertButton:hover,
.markUnreadAlertButton:hover {
    opacity: 1;
}