@mixin mobile {
    @media (max-width: 1023px) {
        @content;
    }
}

.upnext-cookie-notice{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:30px;
    z-index:999999999;
    text-align:center;
    background-color:var(--background);
    color:var(--color);
    font-size:var(--desktop-font-size);
    @include mobile{
        padding:20px;
        font-size:var(--mobile-font-size);
    }
    &-container{
        display:flex;
        gap:20px;
        justify-content:center;
        align-items:center;
        @include mobile{
            flex-direction:column;
        }
    }
    &-message{
        a{
            text-decoration:underline;
            color:inherit !important;
            &:hover{
                text-decoration:none;
            }
        }
    }
    &-buttons{
        display:flex;
        gap:15px;
        align-items:center;
        justify-content:center;
    }
    &-btn{
        display:inline-block;
        background-color:var(--btn-background) !important;
        border-radius:6px;
        padding:4px 12px;
        color:var(--btn-color) !important;
        text-decoration:none !important;
        border:2px solid var(--btn-background) !important;
        transition:all .2s linear;
        font-weight:600;
        font-size:90%;
        &:visited{
            color:var(--btn-color) !important;
        }
        &:hover,&:focus{
            background-color:transparent !important;
            color:var(--btn-background) !important;
        }
    }
}