diff --git a/static/css/style.css b/static/css/style.css
index 435a9eef4d19eee5f02c4c951850012d85be9432..21f4cd20f9009d689d9e9d42ebd973a8861b4f8f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -176,5 +176,5 @@ time.icon span {
 }
 
 .product-button {
-	color: var(--teckids-orange-dark);
+	background: var(--teckids-orange-dark);
 }
diff --git a/templates/page_with_carousel_button.html b/templates/page_with_carousel_button.html
index a42059018a6d22f36216e660425a745857d6fc76..6b468e8c7f56d3667d28360122bbc314505d18c6 100644
--- a/templates/page_with_carousel_button.html
+++ b/templates/page_with_carousel_button.html
@@ -86,7 +86,7 @@
 {% block template_content_footer %}
 
 <div class="button-wrapper">
-    <button type="button" class="btn btn-default btn-lg">
+    <button type="button" class="btn btn-default btn-lg product-button">
         {% set button = page.button.split('|') %}
             <a href="{{ button[0] }}">{{ button[1] }}</a>
     </button>