diff --git a/_includes/hero.html b/_includes/hero.html
index daf4767..d9f4735 100644
--- a/_includes/hero.html
+++ b/_includes/hero.html
@@ -39,7 +39,7 @@
           kl. {{ event.event_data.start_datetime | date: "%R"}}<br />
           Typ av konst: {{ event.category }}</p>
         <h3>{{ event.description | truncatewords: 10 }} </h3>
-        <p><a class="cta" href="{{ event.url }}">Läs mer</a></p>
+        <p><a class="cta" href="{{ event.url }}" style="padding:10px;"> Läs mer </a></p>
       </div>
       {% break %}
       {% endif %}
diff --git a/_sass/form.scss b/_sass/form.scss
index 123e626..7a15053 100644
--- a/_sass/form.scss
+++ b/_sass/form.scss
@@ -21,7 +21,7 @@ input[type=text], input[type=email], textarea, select {
 
 input[type=submit] {
   width: 200px;
-  background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
+  background-color: rgb(165, 202, 195);
   color: black;
   padding: 14px 20px;
   margin: 8px 0;
@@ -29,10 +29,15 @@ input[type=submit] {
   border-radius: 4px;
   cursor: pointer;
   font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  -webkit-transition: background-color 0.2s linear;
+  -moz-transition: background-color 0.2s linear;
+  -ms-transition: background-color 0.2s linear;
+  -o-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
 }
 
 input[type=submit]:hover {
-  background: linear-gradient(97deg, rgb(165, 202, 195), rgb(84, 241, 210));
+  background-color: rgb(84, 241, 210);
 
 }
 /* CSS Created by CSS CHECKBOX */
diff --git a/_sass/stylish.scss b/_sass/stylish.scss
index 384b7e2..9fb989b 100644
--- a/_sass/stylish.scss
+++ b/_sass/stylish.scss
@@ -148,7 +148,7 @@ a:active {
   background-image: url('/images/tile.png');
 }
 a.cta{
-  background: linear-gradient(97deg, rgb(84, 241, 210), rgb(165, 202, 195));
+  background-color: rgb(165, 202, 195);
   color: black;
   padding: 14px 20px;
   margin: 8px 0;
@@ -156,9 +156,14 @@ a.cta{
   border-radius: 4px;
   cursor: pointer;
   font-family: avantB, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  -webkit-transition: background-color 0.2s linear;
+  -moz-transition: background-color 0.2s linear;
+  -ms-transition: background-color 0.2s linear;
+  -o-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
 }
 a.cta:hover {
-  background: linear-gradient(97deg, rgb(165, 202, 195), rgb(84, 241, 210));
+  background-color: rgb(84, 241, 210);
 }
 .square-image {
   width: 150px;