fix(SW-842): fixed close button positioning

components/Lightbox/Lightbox.module.css

@@ -16,10 +16,13 @@
   gap: var(--Spacing-x2);
 }
 
-.mobileGalleryCloseButton {
+.closeButton {
   justify-content: flex-start;
   width: fit-content;
 }
+.closeButton .desktopCloseIcon {
+  display: none;
+}
 
 .mobileGalleryContent {
   display: block;
@@ -84,7 +87,6 @@
 }
 
 .desktopGallery,
-.desktopGalleryCloseButton,
 .desktopThumbnailGrid,
 .navigationButton {
   display: none;
@@ -247,15 +249,22 @@
     overflow: hidden;
   }
 
-  .desktopGalleryCloseButton {
+  .closeButton {
     display: block;
     position: absolute;
     top: var(--Spacing-x-one-and-half);
-    right: var(--Spacing-x-half);
+    right: var(--Spacing-x1);
     z-index: 1;
   }
 
-  .desktopGalleryCloseButton:hover .desktopGalleryCloseIcon {
+  .closeButton .mobileCloseIcon {
+    display: none;
+  }
+  .closeButton .desktopCloseIcon {
+    display: block;
+  }
+
+  .closeButton:hover .desktopCloseIcon {
     background-color: var(--Base-Surface-Primary-light-Hover-alt);
     border-radius: 50%;
   }