.cconsentmelding {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px;
    z-index: 1000;
    box-shadow: 0 -1px 10px 0 hsla(0, 1%, 50%, 0.3);
}

/* overwrite bootstrap button style */
.cconsentmelding-save {
    background-color: #BEB5A8;
    border-color: #BEB5A8;
}

.cconsentmelding-save:hover {
    background-color: #AAA297;
    border-color: #AAA297;
}

.cconsentmelding-save:focus {
    background-color: #897D72 !important;
    border-color: #897D72 !important;
}

.cconsentmelding-save:active {
    background-color: #897D72 !important;
    border-color: #897D72 !important;
}

.cconsentmelding-content {
    background-color: #FFFFFF;
    border-radius: 5px;
}

.cconsentmelding-content a {
    color: #4D4C4C;
}

.cconsentmelding-content a:hover {
    color: #636363;
}

.cconsentmelding-content p {
    color: #4D4C4C;
    margin: 0;
}

.cconsentmelding-title {
    color: #4D4C4C;
    margin: 0;
    font-size: 23px;
}

.ccookie-choices {
    display: flex;
    flex-direction: column;
}

.ccookie-choice {
    display: flex;
    align-items: center;
}

.ccookie-choice input {
    margin-right: 10px;
}

.cconsentmelding-buttons {
    display: flex;
    justify-content: space-between;
}

.cconsentmelding-button {
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 44px;
    height: 44px;
    z-index: 3;
}

#cconsentmelding-button {
    display: block;
    width: 44px;
    height: 44px;
    font-size: 10px;
    font-size: 0;
    color: black;
}

#cconsentmelding-button::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Laag_1' data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 239.58 239.61'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23cac9c9; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='174.44' cy='19.44' r='11.33'/%3E%3Ccircle class='cls-1' cx='178.89' cy='61.65' r='11.33'/%3E%3Ccircle class='cls-1' cx='221.19' cy='65.81' r='11.33'/%3E%3Cpath class='cls-1' d='M239.58,119.79l-.74-8.18c-.41-2.09-1.69-3.91-3.58-4.93-1.83-1.01-4.06-1.14-6.08-.33-3.11,1.28-6.42,1.89-9.8,1.89-10.73,0-20.46-6.76-24.24-16.89-.75-2.16-2.57-3.78-4.8-4.32-2.23-.61-4.59-.07-6.35,1.42-3.04,2.56-8.1,5.6-14.99,5.6-12.91,0-23.37-10.47-23.37-23.37,0-4.86,1.61-9.66,4.59-13.71,1.28-1.76,1.69-3.98,1.08-6.08-.61-2.03-2.1-3.78-4.06-4.59-8.23-3.45-13.5-11.42-13.5-20.33,0-4.53,1.42-8.99,4.18-12.77,1.29-1.82,1.63-4.19.95-6.35-.67-2.09-2.36-3.78-4.52-4.52-15.14-5-31.75-1.76-43.91,7.97-10.54-1.62-21.28.4-30.53,5.74-9.32,5.33-16.41,13.64-20.26,23.64-9.93,3.85-18.24,10.94-23.64,20.2-5.34,9.32-7.3,19.99-5.68,30.59C3.65,98.78,0,109.05,0,119.79s3.65,21,10.33,29.31c-1.62,10.61.34,21.28,5.68,30.6,5.4,9.25,13.71,16.35,23.64,20.2,3.85,9.99,10.94,18.3,20.26,23.64,9.25,5.33,19.99,7.36,30.53,5.74,8.31,6.69,18.64,10.33,29.32,10.33s21-3.64,29.38-10.33c10.54,1.62,21.27-.41,30.53-5.74,9.32-5.34,16.41-13.65,20.26-23.64,9.93-3.85,18.24-10.95,23.57-20.2,5.41-9.32,7.37-19.99,5.75-30.6,6.68-8.31,10.33-18.57,10.33-29.31ZM121.65,114.52c5.33,0,9.59,4.32,9.59,9.59s-4.26,9.59-9.59,9.59-9.6-4.25-9.6-9.59,4.33-9.59,9.6-9.59ZM58.09,147.41c-6.49,0-11.69-5.2-11.69-11.61s5.2-11.69,11.69-11.69,11.61,5.27,11.61,11.69-5.2,11.61-11.61,11.61ZM85.17,102.56c-12.43,0-22.49-10.06-22.49-22.49s10.06-22.49,22.49-22.49,22.49,10.13,22.49,22.49-10.13,22.49-22.49,22.49ZM115.37,199.96c-12.71,0-22.97-10.26-22.97-22.96s10.26-22.97,22.97-22.97,22.96,10.34,22.96,22.97-10.34,22.96-22.96,22.96ZM173.32,159.57c-6.35,0-11.48-5.2-11.48-11.55s5.13-11.48,11.48-11.48,11.55,5.13,11.55,11.48-5.14,11.55-11.55,11.55Z'/%3E%3C/svg%3E");
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .4;
    transition: opacity .3s;
}

#cconsentmelding-button:hover::before {
    transition: opacity .3s;
    opacity: 1;
}