/*********************************************
 * Cookie Notice
**********************************************/
/* adjust font to consistent with page */
#cookie-notice {font-family:var(--vii-font-primary), sans-serif; font-size:var(--vii-size-14);}
#cookie-notice .cookie-notice-container {
    display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    gap:16px 10px; padding:16px var(--vii-gap-container);
}

/* text */
#cookie-notice .cn-text-container {margin-bottom:0;}

/* button */
#cookie-notice .cn-buttons-container {display:flex; flex-wrap:wrap; justify-content:center; gap:10px;}
#cn-close-notice {font-size:12px;position:absolute; top:2px; right:2px; transform:translateY(0);color:#fff;}
#cookie-notice .cn-button {
    display:inline-flex; min-width:unset; min-height:unset; margin:0;
    --padding:10px 18px 10px calc(18px + 1em + 8px);
    --padding-hover:10px calc(18px + 1em + 8px) 10px 18px;
}

/* close button */
.cn-close-icon {
    padding:5px; margin-top:0; opacity:.7;
    transform:translateY(-50%); right:5px;
    width:auto; height:auto; transition:all .3s ease;
}
.cn-close-icon:before {
    content:"\e93a"; font-family:var(--vii-font-icomoon), fantasy;
    position:relative; top:auto;background:none;transform:none;
}
.cn-close-icon:after {display:none;}