revert css

theseus_gui/src/components/ui/Instance.vue

@@ -193,7 +193,7 @@ await process_listener((e) => {
   </div>
 </template>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .instance-small-card {
   background-color: var(--color-bg) !important;
   padding: 1rem !important;
@@ -275,8 +275,20 @@ await process_listener((e) => {
   }
 }
 
-.mod-image {
-  border-radius: 1.5rem !important;
+.cta {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  z-index: 41;
+  width: 3rem;
+  height: 3rem;
+  right: 1rem;
+  bottom: 3.5rem;
+  opacity: 0;
+  transition: 0.3s ease-in-out bottom, 0.1s ease-in-out opacity !important;
+  cursor: pointer;
 
   svg {
     color: var(--color-accent-contrast);
@@ -305,52 +317,8 @@ await process_listener((e) => {
     background: hsl(220, 11%, 11%) !important;
   }
 
-  .cta {
-    position: absolute;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: var(--color-brand);
-    border-radius: var(--radius-lg);
-    width: 3rem;
-    height: 3rem;
-    right: 1rem;
-    bottom: 3.5rem;
-    opacity: 0;
-    transition: 0.3s ease-in-out bottom, 0.1s ease-in-out opacity;
-    cursor: pointer;
-
-    &.loading {
-      background: var(--color-button-bg);
-    }
-
-    svg {
-      color: var(--color-accent-contrast);
-      width: 1.5rem;
-      height: 1.5rem;
-    }
-
-    .loading-icon {
-      width: 2rem;
-      height: 2rem;
-
-      :deep(svg) {
-        width: 2rem;
-        height: 2rem;
-      }
-    }
-
-    &:hover {
-      filter: brightness(0.75);
-      box-shadow: var(--shadow-floating);
-    }
-  }
-
-  img {
-    width: 100%;
-    border-radius: var(--radius-sm);
-    filter: none !important;
-    aspect-ratio: 1;
+  .mod-image {
+    border-radius: 1.5rem !important;
   }
 
   .project-info {