Super simple cookie banner solution

cookie-markup.html

<div id="cookie">
    <div id="cookie-wrapper">
        <div id="cookie-content">Questo sito <em>potrebbe</em> usare i cookie</div>
        <button id="cookie-ok">Ok</button>
    </div>
</div>

cookie-script.js

(function($){
    $(document).ready(function() {
        
        var consent = localStorage.getItem('cookie-consent');
        
        if(consent != 'true'){
            $('#cookie').fadeIn();
        }
        
        $('#cookie-ok').click(function(event){
            localStorage.setItem('cookie-consent', 'true');
            $('#cookie').fadeOut();
        });
    
    });
})(jQuery);

cookie-style.scss

#cookie{
    display: none;
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #212529;
    color: #dee2e6;
    max-width: 90%;
    z-index: 1090;
    font-size: .8rem;

    #cookie-wrapper{
        display: flex;
        flex-direction: row;
        padding: .6rem 0;

        #cookie-content,
        #cookie-ok{
            padding: 0 .6rem;
        }

        #cookie-content{
            border-right: 1px solid #dee2e6;
        }

        #cookie-ok{
            border: 0;
            background: none;
            color: inherit;
        }
    }
}