diff --git a/assets/ananke/css/custom.css b/assets/ananke/css/custom.css
new file mode 100644
index 0000000..c4d2eb0
--- /dev/null
+++ b/assets/ananke/css/custom.css
@@ -0,0 +1,25 @@
+.jump-button {
+    display: inline-block;
+    padding: 10px 20px;
+    font-size: 16px;
+    color: white !important;
+    background-color: #ff6347; /* Tomato color */
+    text-align: center;
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background-color 0.3s, box-shadow 0.3s;
+}
+
+.jump-button:hover {
+    background-color: #ff4500; /* Darker tomato color */
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
+}
+
+.jump-button:active {
+    background-color: #e03d0b; /* Even darker tomato color */
+}
+
+.jump-button:focus {
+    outline: none;
+    box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.5);
+}
\ No newline at end of file
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 25b37fe..dc3cd55 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -48,6 +48,7 @@
       {{ end }}
     </header>
     <div class="nested-copy-line-height lh-copy {{ $.Param "post_content_classes"  | default "serif"}} f4 nested-links {{ $.Param "text_color" | default "mid-gray" }} {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl4-l" "pr4-l" }} w-two-thirds-l">
+      {{ partial "jump-to-recipe.html" . }}
       {{- .Content -}}
       {{- partial "tags.html" . -}}
       <div class="mt6 instapaper_ignoref">
diff --git a/layouts/partials/jump-to-recipe.html b/layouts/partials/jump-to-recipe.html
new file mode 100644
index 0000000..d8d2c9d
--- /dev/null
+++ b/layouts/partials/jump-to-recipe.html
@@ -0,0 +1 @@
+<a href="#ingredients" class="jump-button">Jump to recipe</a>
\ No newline at end of file