diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css
index 39ffcbe..74c0135 100644
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@@ -404,7 +404,7 @@ h6:hover .anchor {
 }
 
 .share-buttons {
-    margin-bottom: 14px;
+    margin: 14px 0;
     padding-inline-start: var(--radius);
     display: flex;
     justify-content: center;
@@ -505,3 +505,22 @@ h6:hover .anchor {
     height: 1px;
     background-color: var(--secondary);
 }
+
+:root {
+    --shadow-color: 0deg 0% 0%;
+    --shadow-elevation-low:
+      0.6px 0.6px 1px hsl(var(--shadow-color) / 0.1),
+      0.9px 0.9px 1.4px -1.2px hsl(var(--shadow-color) / 0.1),
+      2.2px 2.2px 3.5px -2.5px hsl(var(--shadow-color) / 0.1);
+    --shadow-elevation-medium:
+      0.6px 0.6px 1px hsl(var(--shadow-color) / 0.11),
+      1.8px 1.8px 2.9px -0.8px hsl(var(--shadow-color) / 0.11),
+      4.6px 4.6px 7.3px -1.7px hsl(var(--shadow-color) / 0.11),
+      11.1px 11.1px 17.7px -2.5px hsl(var(--shadow-color) / 0.11);
+}
+.disqus-container {
+    background-color: var(--code-bg);
+    border-radius: 10px;
+    padding: 1.5em;
+    box-shadow: var(--shadow-elevation-low);
+}