Remove "Change Media" button transition from Cards Collection

packages/block-editor/src/editor-styles.scss

@@ -11,26 +11,41 @@
 
 @import "filters/with-overlay-filter/editor-styles";
 
+// Change Media 
+.novablocks-media-composition[class] {
+  display: flex;
+  align-content: center;
+  justify-content: center;
+  align-items: center;
+}
+
 .novablocks-change-media-overlay {
-	position: absolute;
-	top: 0;
-	right: 0;
-	bottom: 0;
-	left: 0;
-	z-index: 10;
-
-	display: flex;
-	justify-content: center;
-	align-content: center;
-	align-items: center;
+  z-index: 10;
 
 	span {
 		display: block;
-		padding: .4em .9em;
 
-		color: #FFFFFF;
-		background-color: #000000;
-		border-radius: 2px;
+    // Button Secondary style
+    background: #fff;
+    color: #1e1e1e;
+    white-space: nowrap;
+
+    box-shadow: inset 0 0 0 1px #1e1e1e;
+    outline: 1px solid #fff;
+
+    border-radius: 2px;
+
+    font-family: inherit;
+    font-size: 13px;
+    font-weight: 400;
+    height: 36px;
+    margin: 0;
+    padding: 6px 12px;
+
+    &:hover {
+      color: var(--wp-admin-theme-color);
+      box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
+    }
 	}
 }
 

packages/block-library/src/blocks/supernova-item/editor-styles.scss

@@ -11,9 +11,7 @@
 
     .novablocks-media-composition__grid,
     .novablocks-change-media-overlay {
-      transition: var(--nb-transition);
-      transition-property: opacity;
-      --nb-transition-duration: .15s;
+
     }
 
     .novablocks-media-composition__grid {
@@ -32,7 +30,7 @@
     .nb-supernova:is(.is-selected, .has-child-selected) &:hover {
 
       .novablocks-media-composition__grid {
-        opacity: 0.7;
+
       }
 
       .novablocks-change-media-overlay {