From 098584b1864495f2b7b2e437c5fda883dbbd4d6e Mon Sep 17 00:00:00 2001
From: Florence Jay Munar <florencejaymunar@protonmail.com>
Date: Wed, 19 May 2021 14:14:41 +0800
Subject: [PATCH] Update _layout.scss

---
 web/scss/_layout.scss | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/web/scss/_layout.scss b/web/scss/_layout.scss
index 4fe8af24..17abb37f 100644
--- a/web/scss/_layout.scss
+++ b/web/scss/_layout.scss
@@ -189,6 +189,27 @@ input::placeholder {
   }
 }
 
+.button--apple-store {
+  @include hide-text;
+  width: 10rem; height: 4rem;
+
+  background-image: url("../img/apple-store-badge.svg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+  display: block;
+  position: relative;
+
+  .header & {
+    top: 0.5rem;
+  }
+
+  main & {
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+
 .odysee{
   @media (min-width: 901px) {
     img{
@@ -348,4 +369,4 @@ input::placeholder {
   &::after {
     @include clearfix;
   }
-}
\ No newline at end of file
+}