Add common button styles

index.html

@@ -161,6 +161,9 @@
 					</div>
 				</a>
 			</div>
+			<div class="wrap">
+				<a href="pribehy" class="button">Podívat se na všechny příběhy</a>
+			</div>
 		</section>
 		<section class="wrap" id="kontakty">
 			<h1>Na koho se obrátit</h1>

sass/style.scss

@@ -61,7 +61,27 @@ h1 {
 }
 
 section {
-	padding-top: 3rem;
+	padding: 3rem 0;
+}
+
+.button {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	color: $col-white;
+	text-decoration: none;
+	font-size: 1.25rem;
+	font-weight: bold;
+	border-radius: 2.5rem;
+	height: 5rem;
+	margin: 0 auto;
+	border: .15rem solid $col-accent;
+	width: 100%;
+	max-width: 30em;
+
+	&:hover {
+		background-color: $col-accent;
+	}
 }
 
 
@@ -220,23 +240,8 @@ body.noscroll {
 		}
 
 		.button {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			color: #fff;
-			text-decoration: none;
-			font-size: 1.25rem;
-			font-weight: bold;
-			border-radius: 2.5rem;
-			height: 5rem;
 			width: 100%;
 			max-width: 80%;
-			margin: 0 auto;
-			border: .15rem solid $col-accent;
-
-			&:hover {
-				background-color: $col-accent;
-			}
 		}
 	}
 }
@@ -394,7 +399,7 @@ body.noscroll {
 }
 
 .stories {
-	padding-top: 5rem;
+	padding-top: 5rem; // To clear the image
 	background-image: url("/static/img/bg/2.svg");
 	background-size: 90rem auto;
 	background-position: center top;