From 7d2af3abfe23028420ad55d77757700fe6ba3334 Mon Sep 17 00:00:00 2001
From: Stephan <57194608+stephan418@users.noreply.github.com>
Date: Fri, 30 Sep 2022 22:20:09 +0200
Subject: [PATCH] Refactor styles and improve accessibility

---
 src/components/button/Button.module.scss | 3 ++-
 src/components/card/Card.module.scss     | 5 +++--
 src/styles/colors.scss                   | 1 +
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/button/Button.module.scss b/src/components/button/Button.module.scss
index 3b1c90a..3a851f7 100644
--- a/src/components/button/Button.module.scss
+++ b/src/components/button/Button.module.scss
@@ -19,7 +19,8 @@
 
   position: relative;
 
-  &:hover .background {
+  &:hover .background,
+  &:focus-visible .background {
     transform: scale(1.1);
   }
 }
diff --git a/src/components/card/Card.module.scss b/src/components/card/Card.module.scss
index 6823aa6..e66bf25 100644
--- a/src/components/card/Card.module.scss
+++ b/src/components/card/Card.module.scss
@@ -1,3 +1,5 @@
+@import "../../styles/highlight";
+
 .test {
   background: white;
 
@@ -8,8 +10,7 @@
   justify-content: center;
 
   @media only screen and (min-width: 900px) {
-    border-radius: 32px;
-    box-shadow: 0 6px 13px rgba($color: #000000, $alpha: 0.25);
+    @include highten;
     padding: 32px;
   }
 }
diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index 5f4d219..59ad715 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -1 +1,2 @@
 $accent: #ff6565;
+$unimportant: #636363;