From 7c518a49d3091192a5d784280b1bdc68f28948c9 Mon Sep 17 00:00:00 2001
From: Danish Khan <112203113+letscodedanish@users.noreply.github.com>
Date: Wed, 11 Oct 2023 20:42:02 +0530
Subject: [PATCH] fix: prime sponsor button styling while hovering on it
 max-width of 800px (#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 <88102392+priyankarpal@users.noreply.github.com>
---
 src/common/home/home.css | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/common/home/home.css b/src/common/home/home.css
index cf75e5b619..3204cefe58 100644
--- 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,9 +728,8 @@
         .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 {
@@ -738,7 +737,6 @@
 
         .heart-handshake {
           opacity: 1;
-          margin-left: 1rem;
         }
       }
     }