/* removes banner when clicked */
.cookie-banner.cookie-fade {opacity: 0; animation-fill-mode: none}

/* stops banner re-appearing */
.cookie-banner.hidden {display: none;}

/* very basic styling of the banner plus the animation properties */
.cookie-banner {
    opacity: 0;
    z-index: 99;
    animation: initial-hide 1s ease-out 1.5s forwards;   
}

/* animation keyframes that animates the banner in onload */
@keyframes initial-hide {
    0%   {opacity:0;}
    100% {opacity:1;}
}