html body #tarteaucitronRoot.tarteaucitronBeforeVisible{
    z-index: 999999;
    &:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
    }
    #tarteaucitronAlertBig {
        display: flex !important;
        flex-direction: column;
        max-width: 285px !important;
        @media screen and (max-width: 980px){
            max-width: 100% !important;
        }
        @media screen and (max-width: 600px) {
            width: 85%;
            padding: 20px 15px;
        }
        &:before{
            font-size: 26px !important;
            font-weight: 700 !important;
            padding-top: 20px !important;
            @media screen and (max-width: 600px) {
                font-size: 24px;
            }
        }
        #tarteaucitronPersonalize, #tarteaucitronPersonalize2,.tarteaucitronCTAButton,.tarteaucitronAllow {
            font-size: 18px !important;
            height: 40px !important;
            border-radius: 10px !important;
            border: 1px solid #F1F0F2;
        }

        #tarteaucitronPersonalize2 {
            order: 1;
            border-color: transparent;
            &:hover {
                opacity: 0.8;
            }
        }
        #tarteaucitronCloseAlert {
            order: 2;
            font-size: 18px !important;
            height: 40px !important;
            border-radius: 10px !important;
        }

        #tarteaucitronAllDenied2 {
            order: 3;
            border-color: #d9dce0;
        }

        #tarteaucitronPrivacyUrl{
            color: #ADADAD !important;
            text-decoration: underline;
            padding-top: 10px;
            order: 4;
            background: none;
            font-weight: 400;
            font-size: 12px !important;
            margin-top: 5px;
            width: auto;
            &:hover {
                opacity: 0.8;
            }
        }
        #tarteaucitronDisclaimerAlert {
            font-size: 17px !important;
            font-weight: 500 !important;
            margin-top: 20px !important;

            @media screen and (max-width: 600px) {
                font-size: 16px;
            }
        }
        #tarteaucitronCloseCross{
            font-size: 1rem !important;
            right: 6px !important;
        }
    }
}