.popup-overlay { position:fixed; inset:0; width:100%; height:100vh; z-index:999999; display:flex; justify-content:center; align-items:center; background-size:auto; background-position:center; background-repeat:no-repeat; } .yes-btn.active, .no-btn.active { background:transparent; color:#fff; } #motorolaPopup.img2-desktop .buttons button { color: white; } .no-scroll { overflow: hidden; } body{ margin:0; } .close-btn{ position:absolute; top:205px; right:435px; width:40px; height:40px; border:0; border-radius:50%; font-size:28px; cursor:pointer; background:#fff; display:none; z-index:20; } .popup-overlay.img2-desktop .buttons{ left:15%; bottom:10%; } .buttons{ position:absolute; left:26%; bottom:28%; display:flex; gap:50px; z-index:10; } .popup-overlay.img2-desktop .buttons{ position:absolute; left:39%; transform:translateX(-50%); bottom:29%; display:flex; gap:70px; z-index:20; } @media screen and (min-width: 1024px) and (max-width: 1366px) { .buttons { position: absolute; left: 15%; bottom: 20%; display: flex; gap: 50px; z-index: 10; } .popup-overlay.img2-desktop .buttons{ position:absolute; left:35%; transform:translateX(-50%); bottom:15%; display:flex; gap:70px; z-index:20; } .close-btn{ position:absolute; top:20px; right:117px; width:40px; height:40px; border:0; border-radius:50%; font-size:28px; cursor:pointer; background:#fff; display:none; z-index:20; } } .buttons button{ display:flex; align-items:center; gap:10px; padding:12px 22px; border:0; border-radius:10px; font-size:18px; font-weight:600; cursor:pointer; color: #000; } #motorolaPopup.img2-desktop .yes-btn, #motorolaPopup.img2-desktop .no-btn, #motorolaPopup.img2-desktop .yes-btn *, #motorolaPopup.img2-desktop .no-btn * { color:#fff  !important; -webkit-text-fill-color:#fff  !important; } .hidden{ display:none; } @media(max-width:768px){ .buttons{ position:absolute; left:50%; transform:translateX(-50%); bottom:23%; display:flex; flex-direction:row; gap:30px; z-index:10; } .popup-overlay.img2-desktop .buttons{ position:absolute; left:45%; transform:translateX(-50%); bottom:57%; display:flex; flex-direction:row; gap:30px; z-index:20; } .buttons button{ display:flex; flex-direction:row; align-items:center; justify-content:center; gap:10px; white-space:nowrap; color: #fff; } .close-btn{ position:absolute; top:155px; right:80px; width:40px; height:40px; border:0; border-radius:50%; font-size:28px; cursor:pointer; background:#fff; z-index:9999999; display:flex; align-items:center; justify-content:center; } } .close-btn{ position:absolute; top:20px; right:118px; width:40px; height:40px; border:0; border-radius:50%; font-size:28px; cursor:pointer; background:#fff; z-index:9999999; display:flex; align-items:center; justify-content:center; } .close-btn.hidden{ display:none  !important; } @media (min-width: 1600px) { .close-btn { position: absolute; top: 200px; right: 440px; width: 40px; height: 40px; border: 0; border-radius: 50%; font-size: 28px; cursor: pointer; background: #fff; z-index: 9999999; display: flex; align-items: center; justify-content: center; } }