Refactor styles and improve accessibility

src/components/button/Button.module.scss

@@ -19,7 +19,8 @@
 
   position: relative;
 
-  &:hover .background {
+  &:hover .background,
+  &:focus-visible .background {
     transform: scale(1.1);
   }
 }

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;
   }
 }

src/styles/colors.scss

@@ -1 +1,2 @@
 $accent: #ff6565;
+$unimportant: #636363;