Shared: CampaignsBanner: fix style

packages/shared/components/campaigns-banner/CampaignsBanner.styled.ts

@@ -34,31 +34,28 @@ const BannerWrapper = styled.div<{
 }>`
   overflow: hidden;
   position: relative;
-  min-height: 140px;
-  max-height: 140px;
-  border-radius: 4px;
-  border: 1px solid ${(props) => props.borderColor};
+  min-height: 142px;
+  max-height: 142px;
 
   &::before {
     content: "";
     background-image: url(${(props) => props.background});
     background-size: 100%;
     background-repeat: no-repeat;
+    background-position: 0% 100%;
+
     position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
     z-index: -1000;
+    inset: 0px;
+
+    border-radius: 4px;
+    border: 1px solid ${(props) => props.borderColor};
+
     ${(props) =>
       props.theme.interfaceDirection === "rtl" &&
       css`
         transform: scaleX(-1);
       `}
-
-    @media ${mobile} {
-      background-position: 0% 100%;
-    }
   }
 
   .close-icon {

packages/shared/components/campaigns-banner/CampaignsBanner.tsx

@@ -111,6 +111,7 @@ const CampaignsBanner = (props: CampaignsBannerProps) => {
             fontSize={action?.fontSize}
             fontWeight={action?.fontWeight}
             onClick={() => onAction(action?.type, Link)}
+            isHovered
           >
             {ButtonLabel}
           </LinkComponent>