diff --git a/static/css/linx.css b/static/css/linx.css
index 193cbec..5d7cfef 100644
--- a/static/css/linx.css
+++ b/static/css/linx.css
@@ -285,6 +285,16 @@ body {
 }
 
 /* Content display {{{ */
+.download-btn {
+    padding: 5px 20px;
+    display: block;
+    margin: 5px auto;
+    text-align: center;
+    font-size: 30px;
+    border: dashed 2px !important;
+    width: 180px;
+}
+
 .display-audio,
 .display-file {
     width: 500px;
diff --git a/templates/display/audio.html b/templates/display/audio.html
index 689bab3..5e49f8a 100644
--- a/templates/display/audio.html
+++ b/templates/display/audio.html
@@ -5,5 +5,8 @@
     <source src='{{ sitepath }}selif/{{ filename }}'>
     <a href='{{ sitepath }}selif/{{ filename }}'>Download it instead</a>
 </audio>
+<div class="normal">
+    <a href="{{ sitepath }}selif/{{ filename }}" class="download-btn">Download</a>
+</div>
 {% endblock %}
 
diff --git a/templates/display/file.html b/templates/display/file.html
index 5eeb424..346459a 100644
--- a/templates/display/file.html
+++ b/templates/display/file.html
@@ -2,7 +2,8 @@
 
 {% block main %}
 <div class="normal display-file">
-    <p class="center">You are requesting <a href="{{ sitepath }}selif/{{ filename }}">{{ filename }}</a>, <a href="{{ sitepath }}selif/{{ filename }}">click here</a> to download.</p>
+    <p class="center">You are requesting <a href="{{ sitepath }}selif/{{ filename }}">{{ filename }}</a>, click below to download.</p>
+    <a href="{{ sitepath }}selif/{{ filename }}" class="download-btn">Download</a>
 
 {% if files|length > 0 %}
 <p>Contents of the archive:</p>