Pagina Accetta Cookies

#footer_bar {  
    width: 100%;  
    /* posizionamento in fondo alla pagina */  
    position: fixed;  
    bottom: 0;  
    overflow: hidden;  
}  
#bar_container {  
background:  #09F;  
margin: 0 auto;  
width: 100%;  
height: 70px;  
overflow: hidden;  
 border-radius: 5px;   
  font-family: 'Open Sans', Helvetica, sans-serif;   
  background: #3db2e1;   
  background: -o-linear-gradient(top, #69c4e8, #21a1d4);   
  background: -ms-linear-gradient(top, #69c4e8, #21a1d4);   
  background: -webkit-linear-gradient(top, #69c4e8, #21a1d4);   
  background: -moz-linear-gradient(top, #69c4e8, #21a1d4);   
  background: linear-gradient(to bottom, #69c4e8, #21a1d4);   
  box-shadow: inset 0 -3px 0 #1f97c7, inset 0 -3px 3px #1f9acc, inset 0 2px 2px #9ad7ef, inset 1px 0 2px #22a4d9, inset -1px 0 2px #22a4d9, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);   
}  
#bar_container ul {  
list-style: none;  
}  
#bar_container ul li {  
float: center;  
width: 150px;  
text-align: center;  
}  
#bar_container ul li a {  
color: white;  
display: block;  
font-weight: bold;  
padding: 10px 0;  
text-decoration: none;  
width: 150px;  
}  
#bar_container ul li a:hover {  
background-color: #F68529;  
}  
 
</style>
</head>

<body>

<button  id="cippa" style="background:#00F;color:#FF0;" type="button" ><strong>Rifiuta tutti </strong></button>     
        <button  id="cippa2" style="background:#00F;color:#FF0;" type="button" onclick="" ><strong>Accetta tutti i cookie</strong></button>

<div id="footer_bar">   
                <div id="bar_container" align="center">     
                       Cliccando su "Accetta tutti i cookie", l'utente accetta di memorizzare i cookie sul dispositivo per migliorare la navigazione <br />del sito, analizzare l'utilizzo del sito e assistere nelle nostre attività di marketing.   
         <button   style="background:#00F;color:#FF0;" type="button" ><strong>Rifiuta tutti </strong></button>     
        <button  style="background:#00F;color:#FF0;" type="button" ><strong>Accetta tutti i cookie</strong></button>
                </div> 
         </div> 
       
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#bar_container").click(function(){
$(this).hide();
});
$("#cippa").click(function(){
$(this).hide();
});
$("#cippa2").click(function(){
$(this).hide();
});
});
</script>

<style>
body strong {
font-weight: bold;
font-size:20px;
}
body tr td {
color: #00C;
font-weight: bold;
font-size:19px;
}
}
.responsive {
width: 100%;
height: auto;
}

#footer_bar {
width: 100%;
/* posizionamento in fondo alla pagina */
position: fixed;
bottom: 0;
overflow: hidden;
}
#bar_container {
background: #09F;
margin: 0 auto;
width: 100%;
height: 70px;
overflow: hidden;
border-radius: 5px;
font-family: 'Open Sans', Helvetica, sans-serif;
background: #3db2e1;
background: -o-linear-gradient(top, #69c4e8, #21a1d4);
background: -ms-linear-gradient(top, #69c4e8, #21a1d4);
background: -webkit-linear-gradient(top, #69c4e8, #21a1d4);
background: -moz-linear-gradient(top, #69c4e8, #21a1d4);
background: linear-gradient(to bottom, #69c4e8, #21a1d4);
box-shadow: inset 0 -3px 0 #1f97c7, inset 0 -3px 3px #1f9acc, inset 0 2px 2px #9ad7ef, inset 1px 0 2px #22a4d9, inset -1px 0 2px #22a4d9, 0 1px 1px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.06), 0 3px 3px rgba(0, 0, 0, 0.17), 2px 1px 2px rgba(0, 0, 0, 0.05), -2px 1px 2px rgba(0, 0, 0, 0.05);
}
#bar_container ul {
list-style: none;
}
#bar_container ul li {
float: center;
width: 150px;
text-align: center;
}
#bar_container ul li a {
color: white;
display: block;
font-weight: bold;
padding: 10px 0;
text-decoration: none;
width: 150px;
}
#bar_container ul li a:hover {
background-color: #F68529;
}

</style>
</head>

<body>

<button id="cippa" style="background:#00F;color:#FF0;" type="button" ><strong>Rifiuta tutti </strong></button>
<button id="cippa2" style="background:#00F;color:#FF0;" type="button" onclick="" ><strong>Accetta tutti i cookie</strong></button>

<div id="footer_bar">
<div id="bar_container" align="center">
Cliccando su "Accetta tutti i cookie", l'utente accetta di memorizzare i cookie sul dispositivo per migliorare la navigazione <br />del sito, analizzare l'utilizzo del sito e assistere nelle nostre attività di marketing.
<button style="background:#00F;color:#FF0;" type="button" ><strong>Rifiuta tutti </strong></button>
<button style="background:#00F;color:#FF0;" type="button" ><strong>Accetta tutti i cookie</strong></button>
</div>
</div>

</body>
</html>