Card Component

src/components/Card/Card.module.scss

+.card {
+  display: flex;
+  background-color: #f8f9fa;
+  flex-direction: row;
+  justify-content: center;
+  width: 200px;
+  position: relative;
+  height: 8vh;
+  border: none;
+  padding: 10px 10px;
+  margin: 20px;
+}
+
+.card{ &:hover{
+  border: 1px solid grey;
+  box-shadow: 1px 1px 6px -3px grey;
+  cursor: pointer;
+}
+}

[Ghost User]

in scss child, css or sibling needs to be nested .card:hover {

need to be .card{ &:hover{