diff --git a/assets/styles/layouts/_layout-article.scss b/assets/styles/layouts/_layout-article.scss
index 5597a47d9..4d7923045 100644
--- a/assets/styles/layouts/_layout-article.scss
+++ b/assets/styles/layouts/_layout-article.scss
@@ -544,7 +544,7 @@
     }
 	}
 
-  ///////////////////////////////// Scroll Bars //////////////////////////////////
+  //////////////////////////////// Scroll Bars /////////////////////////////////
 
   pre   { @include scrollbar($article-code-bg, $article-code-scrollbar); }
   table { @include scrollbar($article-table-row-alt, $article-code-scrollbar);}
@@ -557,6 +557,48 @@
     pre   { @include scrollbar($article-warn-code-bg, $article-warn-code-scrollbar); }
     table { @include scrollbar($article-warn-table-row-alt, $article-warn-code-scrollbar); }
   }
+
+  ////////////////////////// Guides Pagination Buttons /////////////////////////
+
+  .page-nav-btns {
+    display: flex;
+    justify-content: space-between;
+    margin: 3rem 0 1rem;
+
+    .btn {
+      display: flex;
+      max-width: 49%;
+      color: $article-btn-text;
+      background: $article-btn;
+      border-radius: $border-radius;
+      text-align: center;
+      align-items: center;
+      &:hover {
+        background: $article-btn-hover;
+      }
+
+      &.prev{
+        margin-right: auto;
+        padding: .75rem 1.25rem .75rem .75rem;
+        &:before {
+          content: "\e90a";
+          font-family: "icomoon";
+          margin-right: .5rem;
+          vertical-align: middle;
+        }
+      }
+      &.next {
+        margin-left: auto;
+        padding: .75rem .75rem .75rem 1.25rem;
+        &:after {
+          content: "\e90c";
+          font-family: "icomoon";
+          margin-left: .5rem;
+          vertical-align: middle;
+        }
+      }
+    }
+  }
 }
 
 
diff --git a/assets/styles/themes/_theme-dark.scss b/assets/styles/themes/_theme-dark.scss
index 2577a5746..227b14417 100644
--- a/assets/styles/themes/_theme-dark.scss
+++ b/assets/styles/themes/_theme-dark.scss
@@ -116,6 +116,12 @@ $article-tab-code-text-hover: $g20-white !default;
 $article-tab-code-bg-hover: $b-ocean !default;
 $article-tab-code-active-text: $g20-white !default;
 
+// Article page buttons
+$article-btn: $b-ocean !default;
+$article-btn-text: $g20-white !default;
+$article-btn-hover: $b-pool !default;
+$article-btn-text-hover: $g20-white !default;
+
 // Left Navigation
 $nav-category: $b-ocean !default;
 $nav-category-hover: $g20-white !default;
diff --git a/assets/styles/themes/_theme-light.scss b/assets/styles/themes/_theme-light.scss
index 289f0050b..e352dd786 100644
--- a/assets/styles/themes/_theme-light.scss
+++ b/assets/styles/themes/_theme-light.scss
@@ -115,6 +115,12 @@ $article-tab-code-text-hover: $g20-white;
 $article-tab-code-bg-hover: $p-comet;
 $article-tab-code-active-text: $p-star;
 
+// Article page buttons
+$article-btn: $b-pool;
+$article-btn-text: $g20-white;
+$article-btn-hover: $b-ocean;
+$article-btn-text-hover: $g20-white;
+
 // Left Navigation
 $nav-category: $b-ocean;
 $nav-category-hover: $gr-viridian;