body.bf-fixed {
  overflow: hidden;
  position: relative;
}

body.bf-fixed::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #000000;
  width: 100%;
  height: 100%;
  z-index: 9998;
  opacity: 0.3;
}

#cookie_notification {
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    position: fixed;
	z-index:99999;
    bottom: 15px;
    left: var(--left);
    width: var(--width);
    max-width: 90%;
    transform: var(--transform);
    padding: 15px;
    background-color: var(--window-bg-color);
    opacity: var(--opacity);
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie_notification button {
	background-color: var(--window-button-bg-color);
	color: var(--window-button-text-color);
	padding: 5px 10px;
	border-radius: 4px;
    font-size: var(--button-text-size);
	border: var(--button-border-width) solid var(--button-border-color);
}
#cookie_notification p {
    margin: 0;
    font-size: var(--text-size);
    text-align: left;
    color: var(--window-text-color);
}
#cookie_notification p a {
    color: var(--window-text-color);
    text-decoration:underline;
}
#cookie_notification p a:hover {
    text-decoration:none;
}

#cookie_notification .cookie_button-block{ 
	padding-top: 10px;
}

#cookie_notification .cookie_step_2 {
	display: none;
}

#cookie_step_2 p{
	color: var(--desc-color);
	font-size: var(--desc-size);
}

#cookie_step_2 .cookie_check label{
	color: var(--title-color);
	font-size: var(--title-size);
}

#cookie_step_2 .cookie_check .cookie_accept_desc{
	color: var(--desc-color);
	font-size: var(--desc-size);
}

@media (min-width: 576px) {
    #cookie_notification.bfpro-show {
        display: flex;
    }
    .cookie_accept {
        margin: 0 0 0 25px;
    }
}

@media (max-width: 575px) {
    #cookie_notification.bfpro-show {
        display: block;
        text-align: left;
    }
    .cookie_accept {
        margin: 10px 0 0 0;
    }
}