Style new button

src/Styles/Index.scss

@@ -23,6 +23,7 @@
         height: 100%;
         object-fit: contain;
         z-index: 1;
+        pointer-events: none;
     }
     canvas {
         top: 0px;
@@ -66,6 +67,13 @@
             opacity: 0;
             transition: 0.3s opacity;
         }
+        #vc-gestures {
+            height: 100%;
+            background: gray;
+            opacity: 0.5;
+            border-radius: 12px;
+            border: 6px white dashed;
+        }
         .vc-bottom {
             display: flex;
             gap: 12px;
@@ -213,6 +221,27 @@
     transition: 0.3s opacity;
 }
 
+.big-present-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 10;
+    transform: translate(-50%, -50%);
+    color: white;
+    border: none;
+    border-radius: 6rem;
+    background: rgba(0, 0, 0, 0.32);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 32px;
+    cursor: pointer;
+    i::before {
+        width: 64px;
+        height: 64px;
+    }
+}
+
 .vc-menu {
     position: absolute;
     right: 0px;