.privacy-popup { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 85%; max-width: 800px; background-color: #2a2a2a; color: #ffffff; padding: 20px; box-shadow: 0 -2px 10px rgba(0,0,0,0.3); z-index: 9999; display: none; box-sizing: border-box; } .privacy-popup p { margin: 0 0 15px 0; font-size: 14px; line-height: 1.4; } .privacy-popup a { color: #4a9eff; text-decoration: underline; } .privacy-popup .btn-container { display: flex; gap: 10px; justify-content: flex-end; } .privacy-popup button { padding: 8px 20px; border: none; cursor: pointer; font-size: 14px; border-radius: 4px; transition: opacity 0.2s; } .privacy-popup .accept-btn { background-color: #4a9eff; color: #ffffff; } .privacy-popup .decline-btn { background-color: #555555; color: #ffffff; } .privacy-popup button:hover { opacity: 0.8; } @media (max-width: 768px) { .privacy-popup { width: 100%; bottom: 0; left: 0; transform: none; padding: 15px; } .privacy-popup .btn-container { flex-direction: column; } .privacy-popup button { width: 100%; } }