**Legal cookies** are small pieces of data that websites store on your computer. They are used to remember your preferences, analyze site traffic, and personalize content. It's important for websites to comply with legal regulations regarding the use of cookies.
CSS (styles.css): css body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; } h1 { text-align: center; color: #333; } p { text-align: center; color: #666; } .cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #333; color: #fff; padding: 10px 20px; text-align: center; } .accept-btn { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; cursor: pointer; margin-left: 10px; } .accept-btn:hover { background-color: #45a049; } JavaScript (script.js): javascript document.querySelector('.accept-btn').addEventListener('click', function() { document.querySelector('.cookie-banner').style.display = 'none'; }); This code provides a basic understanding of legal cookies and includes an interactive cookie banner with an "Accept" button.