.notification {
    display: flex;
    width: 100%;
    gap: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.notification > .left-container > .unread-indicator {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    margin-top: 0.35rem;
}

.notification > .right-container {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    flex: 1;
}

.notification > .right-container > .top-container {
    display: flex;
    gap: 1rem;
    max-width: 70%;
}

.notification > .right-container > .bottom-container {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.notification > .right-container > .bottom-container > .time {
    white-space: nowrap;
}

.notification > .right-container > .bottom-container > .link {
    white-space: nowrap;
}