*{font-family: 'Heebo', sans-serif; margin: 0; } /* Reset */
/*body {background-color: grey; background-image: url(./Immagini/Body.jpg);background-size: 2000px 1000px;}*/
.spancookie {
position: absolute;
z-index: 10000; 
top: 0; bottom: 0; 
left: 0; right: 0;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background: #f3f3f3aa;
}



#consentBox {
background: #fff;
padding: 20px;
border-radius: 15px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
text-align: center;
}

#consentBox.hide {
display: none;
}
#spancookie.hide {
display: none;
}


::selection {
color: #fff;
background: #229a0f;
}

#consentContent p {
color: #858585;
margin: 10px 0 20px 0;
}

#consentContent .buttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}

.consentButton,
.rejectButton,
.policyButton {
padding: 12px 20px;
border: none;
outline: none;
color: #fff;
font-size: 16px;
font-weight: 500;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
}

.consentButton {
    background: #099c2c;
    border: 2px solid #099c2c;
    color: white;
    text-decoration: none;
    margin-right: 10px;
}

.consentButton:hover {
    background: transparent;
    border: 2px solid #099c2c;
    color: #099c2c;
    text-decoration: none;
}

.rejectButton {
    background: red;
    border: 2px solid red;
    color: white;
    text-decoration: none;
}
.rejectButton:hover {
    background: transparent;
    border: 2px solid red;
    color: red;
    text-decoration: none;
}

.policyButton {
    background: rgb(71, 71, 240);
    border: 2px solid rgb(71, 71, 240);
    color: white;
    text-decoration: none;
    padding-left: 5px; padding-right: 5px; margin-left: 10px;
}

.policyButton:hover {
    background: transparent;
    border: 2px solid rgb(71, 71, 240);
    color:  rgb(71, 71, 240);
    text-decoration: none;
    
}

#consentBox img {
    max-width: 90px;
}

#consentHeader {
    font-size: 25px;
    font-weight: 600;
    margin-top: 10px;
}

@media  (max-width: 790px){
.spancookie {position: absolute; z-index: 10000; top: 0; bottom: 0; left: 0; right: 0;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background: #f3f3f3aa;
}

.consentButton,
.rejectButton,
.policyButton {
    padding: 10px 15px;
    border: none;
    outline: none;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}
}