diff --git a/astro/styles/notification.scss b/astro/styles/notification.scss
new file mode 100644
index 0000000..65143d0
--- /dev/null
+++ b/astro/styles/notification.scss
@@ -0,0 +1,31 @@
+li.notification {
+    display: grid;
+    background: #38488f;
+    margin-bottom: 16px;
+    img {
+        margin: -12px 0px 12px 0px;
+        border-radius: 6px 6px 0px 0px;
+    }
+    .notification-title {
+        font-size: 16px;
+        padding: 12px;
+    }
+    .notification-message {
+        font-size: 14px;
+        padding: 0px 12px;
+    }
+    .notification-actions {
+        padding: 12px 12px 0px 12px;
+        display: grid;
+        grid-auto-flow: column;
+        grid-gap: 4px;
+        button {
+            border: 1px #ffffff5c solid;
+            border-radius: 4px;
+            padding: 6px 0px;
+            background: #0000006b;
+            color: white;
+        }
+        button#secondary {background: transparent}
+    }
+}
\ No newline at end of file