fix: prime sponsor button styling while hovering on it max-width of 8…

…00px (#1293) * Fixed beacome a prime sponsor button styling while hovering on it in max width of 800px * fixes on multiple screens * fixes on mobile screen --------- Co-authored-by: Priyankar Pal <[email protected]>
reactplay · Oct 11, 2023 · 7c518a4 · 7c518a4
1 parent a0c5c76
commit 7c518a4
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/common/home/home.css b/src/common/home/home.css
@@ -706,7 +706,7 @@
         cursor: pointer;
       }
       .prime-sponsors-cta {
-        width: 18%;
+        width: 18rem;
         height: 5rem;
         background-color: rgba(var(--color-brand-primary-rgb), 1);
         padding: 1rem 1rem;
@@ -728,17 +728,15 @@
         .heart-handshake {
           opacity: 0;
           transition: all 0.2s ease-in-out;
-          position: absolute;
-          right: 15px;
-          bottom: 13px;
+          position: absolute; 
+          left: 13.5rem;
         }
       }
       .prime-sponsors-cta:hover {
         background-color: white;
 
         .heart-handshake {
           opacity: 1;
-          margin-left: 1rem;
         }
       }
     }