.cookie-lista,
.cookie-box {
    font: normal 15px "Source Sans Pro", sans-serif;
    background: hsla(0,0%,100%,.95);
    box-shadow: 0 -2px 8px 0 rgba(0,0,0,.25);
    color: #000;
    bottom: 0;
    position: fixed;
    margin: 0 auto;
    z-index: 1500;
    padding: 0;
    overflow: auto;
    width: 100%;    
}
.cookie-lista {
    display: none;
}
.cookie-lista-in,
.cookie-box-in {
    min-width: 400px;
    max-width: 800px;
    margin: 35px auto;
    text-align: center;
}
.cookie-lista h2,
.cookie-box h2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
}
.cookie-lista a,
.cookie-box a {
    color: #7ba740;
}
.cookie-lista .buttons-bottom,
.cookie-box .buttons-bottom {
    margin-top: 30px;
}
.cookie-lista .cookie-btn,
.cookie-lista .cookie-btn-colored,
.cookie-box .cookie-box-btn,
.cookie-box .cookie-box-btn-colored {
    border: 1px solid #7ba740;
    cursor: pointer;
    padding: 8px 15px;
    min-width: 170px;
    font-weight: bold;
} 
.cookie-lista .cookie-btn,
.cookie-box .cookie-box-btn {
    background-color: #ffffff;
}
.cookie-lista .cookie-btn-colored,
.cookie-box .cookie-box-btn-colored {
    background-color: #7ba740;
    color: #ffffff;
    margin-left: 25px;
}
.cookie-lista .cookie-btn:hover,
.cookie-lista .cookie-btn-colored:hover,
.cookie-box .cookie-box-btn:hover,
.cookie-box .cookie-box-btn-colored:hover {
    background-color: #d7ebb2;
}
.cookie-lista .cookie-btn-colored:hover,
.cookie-box .cookie-box-btn-colored:hover {
    background-color: #7ba740;
    opacity: 0.8;
}
.cookie-box {
    bottom: 300px;
    position: absolute;
    bottom: auto;
    top: 0;
    display: none;
}
.cookie-box .cookie-box-onerow {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.cookie-box .column-1 {
    width: 80%;
    text-align: left;
}
.cookie-box .column-2 {
    width: 12%;
    margin-left: 3%;
}
.cookie-box .cookie-checkbox {
    --active: #7ba740;
    --active-inner: #fff;
    --focus: 2px rgba(123, 190, 0, .3);
    --border: #7ba740;
    --border-hover: #7BA500;
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #bebebe;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    width: 21px;
    border-radius: 7px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background .3s, border-color .3s, box-shadow .2s;    
}
.cookie-box .cookie-checkbox:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, .3s) var(--d-t-e, ease), opacity var(--d-o, .2s);  
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));    
}
.cookie-box .cookie-checkbox:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);  
    --r: 43deg;
}
.cookie-box .cookie-checkbox:disabled {
    border: 1px solid #bebebe;
    cursor: not-allowed;
    opacity: .9;    
}
.cookie-box .cookie-checkbox:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);    
}
@media only screen and (max-width: 790px) {
    .cookie-lista-in, .cookie-box-in {
        padding: 0 25px;
    }
    .cookie-box .buttons-bottom .cookie-box-btn-colored {
        margin:  15px 0;
    }
}