#consent-notice {padding: 0.5rem 0.5rem; display: none; text-align: center; position: fixed; bottom: 0; width: calc(100% - 7rem); background: #222222d8; color: rgba(255,255,255,0.8); font-size: 0.8rem;}
#consent-notice span {margin-right: 1rem;}
#consent-notice button {cursor: pointer; display: inline-block; width: auto;}
#consent-notice span a {color: inherit; text-decoration: underline; text-decoration-color: rgba(255,255,255,0.5);}
#consent-notice button.btn {margin-left: 0.5rem; font-size: 0.9rem;}
#consent-notice button.btn.manage-consent {background: rgba(255,255,255,0.1); font-weight: normal;}

#consent-overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: none; background: rgba(0,0,0,0.75); z-index: 999999; overflow: auto; cursor: pointer;}
#consent-overlay.active {display: flex;}
#consent-overlay > div {background: white; width: 100%; max-width: 30rem; padding: 1.75rem; margin: auto; cursor: initial;}
#consent-overlay > div > div {display: flex; align-items: flex-start; margin-bottom: 1rem;}
#consent-overlay > div > div:last-child {margin: 0;}
#consent-overlay h3 {padding-top: 0;}
#consent-overlay input {margin-top: 0.3rem;}
#consent-overlay label {display: block;}
#consent-overlay .btn {margin-right: 0.5rem;}
#consent-overlay button.btn.save-consent {background: rgba(0,0,0,0.6); font-weight: normal;}

@media (max-width: 767px) {
    #consent-overlay > div {padding: 1.75rem 1rem;}
    #consent-notice span {display: block; padding-top: 1px; margin-bottom: 1rem;}
    #consent-notice button.btn {position: relative; bottom: 4px;}
    #consent-notice button.btn {margin-bottom: 0.5rem;}
}