Fix Card button location to bottom

src/components/Card.tsx

@@ -16,6 +16,8 @@ interface WrappedCardProps {
 }
 
 const StyledCard = styled.article`
+  display: flex;
+  flex-direction: column;
   color: ${colors.black};
   margin: 1rem;
   text-align: center;
@@ -44,19 +46,23 @@ const StyledCard = styled.article`
     font-weight: 300;
   }
 
-  button {
-    cursor: pointer;
+  a {
+    margin-top: auto;
 
-    padding: 0.8rem 2rem;
-    margin: 0.5rem;
-    font-size: 0.8rem;
-    background: none;
-    text-transform: uppercase;
-    background-color: ${colors.blue1};
-    color: ${colors.white};
-    font-weight: 800;
-    letter-spacing: 1.5px;
-    border: none;
+    button {
+      cursor: pointer;
+
+      padding: 0.8rem 2rem;
+      margin: 0.5rem;
+      font-size: 0.8rem;
+      background: none;
+      text-transform: uppercase;
+      background-color: ${colors.blue1};
+      color: ${colors.white};
+      font-weight: 800;
+      letter-spacing: 1.5px;
+      border: none;
+    }
   }
 `;