diff --git a/src/css/asciidoctor-anywhere-footnote.css b/src/css/asciidoctor-anywhere-footnote.css
new file mode 100644
index 0000000..e5f7072
--- /dev/null
+++ b/src/css/asciidoctor-anywhere-footnote.css
@@ -0,0 +1,47 @@
+.afnote-marker {
+  vertical-align: super;
+  font-size: 100%;
+  text-decoration: none;
+}
+
+.afnote-marker::before {
+  content: "[";
+}
+
+.afnote-marker::after {
+  content: "]";
+}
+
+.afnote-block {
+  text-decoration: none;
+}
+
+.afnote-hr-divider {
+  height: 1px;
+  background-color: #ccc; /* Standard gray color similar to default HR */
+  border: none;
+  margin: 0.5em 0; /* Standard HR margin */
+  width: 20%;
+}
+
+div.afnote-horizontal dl {
+  display: grid;
+  grid-template-columns: 30px auto;
+  grid-column-gap: 1px;
+}
+
+/* Force each dt and dd to be on the same line */
+div.afnote-horizontal dl > dt,
+div.afnote-horizontal dl > dd {
+  display: inline !important;
+  vertical-align: top !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+/* Remove margins from paragraphs inside dd */
+div.afnote-horizontal dl > dd p {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
diff --git a/src/css/site.css b/src/css/site.css
index 8abc7b4..18dd34f 100644
--- a/src/css/site.css
+++ b/src/css/site.css
@@ -34,5 +34,6 @@
 @import "external-link-icon.css";
 @import "disable-callouts.css";
 @import "asciidoctor-external-callout.css";
+@import "asciidoctor-anywhere-footnote.css";
 @import "info-banner.css";
 @import "chatbot.css";