/*
cookie site https://ayltoninacio.com.br/blog/como-colocar-popup-aviso-cookies-privacidade-sem-plugins 
*/


.cookieConsentContainer{
    z-index: 6;
    width: 75%;
    min-height: 20px;
    box-sizing: border-box;
    padding: 15px 50px;
    background: rgb(0 0 0 / 80%);
    overflow: hidden;
    position: fixed;
    bottom: 5px;
    left: 50%;
    display: none;
    margin: 0 auto;
    transform: translate(-50%, 0);
    border-radius: 10px;
}
.cookieConsentContainer .cookieTitle a{
    font-family:OpenSans,arial,sans-serif;color:#fff;font-size:22px;line-height:20px;display:block
}
.cookieConsentContainer .cookieDesc p{
    margin:0;padding:0;font-family:OpenSans,arial,sans-serif;color:#fff;font-size:13px;line-height:20px;display:block;margin-top:10px
}
.cookieConsentContainer .cookieDesc a{
    font-family:OpenSans,arial,sans-serif;color:#fff;text-decoration:underline
}
.cookieConsentContainer .cookieButton a{
    display: inline-block;
    font-family: OpenSans,arial,sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    background: #fff;
    padding: 10px 24px;
    text-align: center;
    transition: background .2s;
    border-radius: 8px;
}
.cookieConsentContainer .cookieButton a:hover{
    cursor:pointer;
    background: #22503E;
    color: #fff;
}

.cookieButton{
    float: right;
    margin-top: 10px;
}

.cookieDesc{
    width: 85%;
    display: inline-block;
    margin-bottom: 6px;
}


/* -----------------------------------480------------------------------*/

@media screen and (max-width: 480px) {
    
        .cookieConsentContainer{
    padding:10px 15px;
}
    
    .cookieButton {
    float: left;
    margin-top: 10px;
}
    
       .cookieButton {
    float: none;
    margin-top: 10px;
}
    
    .cookieDesc {
    width: 100%;
    }
    
    .cookieConsentContainer .cookieButton a {
    width: 100%;
}
    
}

/* -----------------------------------481-767---------------------------*/

@media screen and (min-width: 481px) and (max-width: 767px) {
    
            .cookieConsentContainer{
    padding:10px 15px;
}
    .cookieButton {
    float: none;
    margin-top: 10px;
}
    
    .cookieDesc {
    width: 100%;
    }
    
    .cookieConsentContainer .cookieButton a {
    width: 100%;
}
    
}