From cce996315a9829d778a85b48154f53166632311f Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Wed, 1 Mar 2023 21:19:56 +0100
Subject: [PATCH] Add common button styles

---
 index.html      |  3 +++
 sass/style.scss | 39 ++++++++++++++++++++++-----------------
 2 files changed, 25 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 59f4887..2a7c1cc 100644
--- a/index.html
+++ b/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>
diff --git a/sass/style.scss b/sass/style.scss
index 2f102bd..88b44e0 100644
--- a/sass/style.scss
+++ b/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;