diff --git a/assets/scss/components/common/button.scss b/assets/scss/components/common/button.scss
index dfeb43a..11e0d12 100644
--- a/assets/scss/components/common/button.scss
+++ b/assets/scss/components/common/button.scss
@@ -56,6 +56,6 @@
     }
 }
 
-.text-white [role=button]:not(.primary) a, [role=button]:not(.primary).text-white a, nav.text-white [role=button]:not(.primary) {
+.text-white [role=button]:not(.primary):not(.secondary) a, [role=button]:not(.primary):not(.secondary).text-white a, nav.text-white [role=button]:not(.primary):not(.secondary) {
     color: white;
 }
diff --git a/layouts/partials/links.html b/layouts/partials/links.html
index 906dbdf..1d9834b 100644
--- a/layouts/partials/links.html
+++ b/layouts/partials/links.html
@@ -1,5 +1,5 @@
 {{ range . }}
-<div role="button" class="primary">
+<div role="button" class="{{ if .Secondary }}secondary{{ else }}primary{{ end }}">
     <a href="{{ .URL | safeURL }}" role="button" title="{{ .Title }}" rel="{{ if .NewTab }}nofollow {{ end }}noreferrer" {{ if .NewTab }}target="_blank"{{ end }}>
         <i class="icon-{{ lower .Icon }} icon-as-text" alt="{{ .Icon }}"></i>{{ .Title }}
     </a>