:root {
 
    --couleur_1: #216CFF;
 
}



@font-face {
    font-family: 'univers_lt_std55_roman';
    src: url('font/universltstd-webfont.woff2') format('woff2'),
         url('font/universltstd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#EasyDisclaimer__background {

    display: block;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top:0;
    left:0;
    z-index: 999999;



    background: rgba(0,0,0,0.75);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);

}


#EasyDisclaimer__disclaimer {

    position: fixed;
    display: block;
    z-index: 9999999;
    width: 650px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 32px;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100vh;
    overflow: auto;

    background-color: #ffffff;
    border-radius: 14px;

    font-family: 'univers_lt_std55_roman';
    color: black;

    box-shadow: 0 8px 30px rgba(0,0,0,0.25);

}


#EasyDisclaimer__disclaimer img {
    
    position: relative;
    display: block;
    max-width: 100%;
    height:auto;

}


#EasyDisclaimer__disclaimer .button {

    position: relative;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    font-family: 'univers_lt_std55_roman';

}


#EasyDisclaimer__disclaimer .yes {

    margin-top: 35px;
    padding: 14px 20px;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #ffffff;
    background-color: #22a34a;
    border-radius: 8px;
    transition: background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
    box-shadow: 0 2px 8px rgba(34, 163, 74, 0.3);

}

#EasyDisclaimer__disclaimer .yes:hover {
    background-color: #1b8a3e;
    box-shadow: 0 4px 14px rgba(34, 163, 74, 0.4);
    transform: translateY(-1px);

}

#EasyDisclaimer__disclaimer .yes:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(34, 163, 74, 0.3);
}


#EasyDisclaimer__disclaimer .no {

    margin-top: 12px;
    padding: 8px 20px;
    font-size: 13px;
    color: #888;
    background: none;
    text-decoration: none;
    transition: color 200ms ease;

}

#EasyDisclaimer__disclaimer .no:hover {
    color: #555;
}



@media all and (max-width:800px) {

    #EasyDisclaimer__disclaimer {

        width: 90%;
        left: 50%;
        transform: translate(-50%, -50%);

    }

}