#ccm-cookie-banner {
display: none;
position: fixed;
bottom: 0;
width: 100%;
background: #333;
color: #fff;
padding: 20px;
text-align: center;
z-index: 9999;
}
#ccm-cookie-banner a {
color: #fff;
text-decoration: underline;
} #ccm-accept-all-cookies,
#ccm-customize-cookies {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
#ccm-customize-cookies {
background-color: #f39c12;
} #ccm-customize-modal {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 400px;
background: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
z-index: 10000;
padding: 20px;
} #ccm-save-preferences {
margin-top: 20px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
} #ccm-settings-icon {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
background: #333;
color: #fff;
padding: 10px;
border-radius: 50%;
cursor: pointer;
z-index: 99999;
background-color: #f39c12; border: 2px solid #fff; } @media only screen and (max-width: 600px) {
#ccm-settings-icon {
font-size: 32px;
}
}