diff --git a/budget/static/css/main.css b/budget/static/css/main.css
index 80d3b1c..04e07ae 100644
--- a/budget/static/css/main.css
+++ b/budget/static/css/main.css
@@ -46,6 +46,14 @@ body {
 
 #header .tryout {
     margin-right: 10em;
+    color: #fff;
+    background-color: #414141;
+    border-color: #414141;
+}
+
+#header .tryout:hover {
+    background-color: #606060;
+    border-color: #606060;
 }
 
 #header .additional-content {
diff --git a/budget/templates/home.html b/budget/templates/home.html
index d970fe7..399343a 100644
--- a/budget/templates/home.html
+++ b/budget/templates/home.html
@@ -5,7 +5,7 @@
     <header id="header" class="row">
       <div class="col-5  offset-md-2">
             <h2>{{ _("Manage your shared <br>expenses, easily") }}</h2>
-            <a href="{{ url_for(".demo") }}" class="tryout btn btn-inverse pull-right">{{ _("Try out the demo")  }}</a>
+            <a href="{{ url_for(".demo") }}" class="tryout btn">{{ _("Try out the demo")  }}</a>
         </div>
         <div class="col-4">
             <p class="additional-content">{{ _("You're sharing a house?") }}<br /> {{ _("Going on holidays with friends?") }}<br /> {{ _("Simply sharing money with others?") }} <br /><strong>{{ _("We can help!") }}</strong></p>