feat: full bar on right of project cards flips card

components/card.vue

@@ -16,6 +16,7 @@
       <Button
         v-if="sidebarImage && reverseImg"
         :button="{ text: '' }"
+        class="card-flip-button"
         @click.native="flipCard">
         <div class="card-toggle">
           <FlipIcon />
@@ -57,7 +58,7 @@
           :button="cta">
         </Button>
       </div>
-      
+
     </div>
 
   </div>
@@ -248,20 +249,26 @@ export default {
     position: relative;
     display: flex;
     flex-direction: column;
-    justify-content: space-between;
+    align-items: flex-start;
     .sidebar-text {
       transition: 1ms linear 350ms;
-      height: calc(100% - 52px);
+      height: calc(100% - 70px);
       opacity: 0;
     }
-    .card-toggle {
+    .card-flip-button {
       display: flex;
-      flex-direction: column;
-      justify-content: flex-end;
+      align-items: flex-end;
+      position: absolute;
+      top: 0;
+      left: 0;
       width: 100%;
       height: 100%;
     }
+    .card-toggle {
+      margin-bottom: toRem(21);
+    }
   }
+
   .card-content {
     position: relative;
     padding: 1.5rem toRem(19);