Align button to center

static/css/style.css

@@ -170,3 +170,7 @@ time.icon span {
 .carousel .carousel-image {
 	max-height: 500px;
 }
+
+.button-wrapper {
+	text-align: center;
+}
\ No newline at end of file

templates/page_with_carousel_button.html

@@ -85,8 +85,10 @@
 
 {% block template_content_footer %}
 
-<button type="button" class="btn btn-default btn-lg">
-    {% set button = page.button.split('|') %}
-        <a href="{{ button[0] }}">{{ button[1] }}</a>
-</button>
+<div class="button-wrapper">
+    <button type="button" class="btn btn-default btn-lg">
+        {% set button = page.button.split('|') %}
+            <a href="{{ button[0] }}">{{ button[1] }}</a>
+    </button>
+</div>
 {% endblock %}