button { cursor: pointer; background: #ddd; border-radius: 4px; border: 0;  }
        .cookie-consent-banner { display: none; background-color: rgba(30,30,30,0.85); color: #fff; position: fixed; bottom: 0; left: 0; z-index:9999;}
        .cookie-consent-banner.show { display: block; }
        .cookie-consent-banner-content { display: flex; padding: 10px 15px; }
        .cookie-consent-actions { margin-left: auto; }
        .cookie-consent-btn-accept { padding: 8px 10px; }
        .cookie-consent-btn-accept.active { background-color: green; color: #fff; }
        .cookie-consent-btn-refuse { padding: 8px 10px; }
        .cookie-consent-btn-refuse.active { background-color: red; color: #fff; }
        .cookie-consent-btn-close-settings { position: absolute; top: 16px; right: 16px; font-size: 30px; padding: 0 8px 3px 8px;}
        .cookie-consent-settings-panel { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; z-index: 9999; display: none;  overflow-y: scroll;}
        .cookie-consent-settings-panel.show { display: block; }
        .cookie-consent-settings-panel h2 { margin: 0; }
        .cookie-consent-settings-panel p { margin: 6px 0 16px 0; }
        .cookie-consent-settings-panel table { width: 100%; border-collapse: collapse; text-align: left; }
        .cookie-consent-settings-panel th, td { border: 1px solid #999; }
        .cookie-consent-settings-panel th { background-color: #333; color: #fff; padding: 12px 16px; }
        .cookie-consent-settings-panel td { padding: 10px 14px; }
        .cookie-consent-settings-container { max-width: 100vw; min-height: 100vh; width: 80%; background-color: #fff; padding: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -10%); }