.notification {
    display               : grid;
    padding               : 10px;
    transition            : var(--standard-transition);
    border-radius         : var(--theme-border-radius);
    background-color      : var(--theme-secondary);
    grid-template-columns : 1fr;
    grid-template-rows    : repeat(3, min-content);
    grid-template-areas   : "date" "body" "buttons";
}

.notification > .date {
    grid-area : date;
}
.notification > .body {
    grid-area : body;
}
.notification > .buttons {
    display   : flex;
    grid-area : buttons;
    grid-gap  : 10px;
}
.notification + .notification {
    margin-top : 10px;
}