cart: styles enhancements on different screen sizes

src/pages/cart/components/youMayLike/YouMayAlsoLike.module.css

@@ -56,14 +56,38 @@
     outline-offset: 4px;
   }
   .youMightAlsoLikeContainer {
-    height: 150px !important;
+    height: 160px !important;
+  }
+
+  .itemDescriptionIconsContainer {
+    display: flex;
+    flex-direction: row;
+    justify-content: start;
+    margin-top: 10px;
+    margin-left: -10px;
   }
 }
 
 @media (min-width: 768px) and (max-width: 1024px) {
   .youMightAlsoLikeContainer {
-    height: 200px !important;
+    height: 210px !important;
   }
+
+  .itemDescriptionIconsContainer {
+    display: flex;
+    flex-direction: row;
+    justify-content: start;
+    margin-top: 10px;
+    margin-right: 0;
+    margin-left: -15px;
+  }
+
+  :global(.ant-app-rtl) .itemDescriptionIconsContainer {
+    margin-right: -30px;
+    margin-left: 0;
+  }
+
+
 }
 
 @media (min-width: 1024px) {
@@ -75,13 +99,6 @@
   }
 }
 
-/* Hover effects for devices that support hover */
-@media (hover: hover) {
-  .popularMenuItemImage:hover {
-    transform: scale(1.05);
-  }
-}
-
 /* Focus states for accessibility */
 .popularMenuItemImage:focus {
   outline: 2px solid var(--primary);