#cookie_banner{background:rgb(0,0,0,0.75);backdrop-filter:blur(2px);position:fixed;top:0;width:100%;height:100vh;opacity:0;transition:opacity 1s;}
#cookie_banner.visible{opacity:1;}
#cookie_banner > div{background:var(--colour_03);position:absolute;bottom:32px;left:32px;width:64px;height:64px;display:flex;gap:16px;transition: 1s 1s;border-radius:50px;}

#cookie_banner > div > img{width:64px;height:64px;border-radius:50%;transition:1s;}

#cookie_banner > div > div{opacity:0;transition:opacity 1s;display:grid;gap:16px;align-content:start;}
#cookie_banner > div > div h6{font-size: 1.2rem; color: var(--colour_08);}
#cookie_banner > div > div button{padding: 16px; border-radius: 16px;}

#cookie_banner > div.open{bottom:64px;left:64px;width:90%;height:200px;padding:16px;border-radius:16px; transition: 1s;}
#cookie_banner > div.open > img{width:128px;height:128px;}
#cookie_banner > div.open > div{opacity:1; transition:opacity 1s 1s;}

@media (max-width: 800px) {
	#cookie_banner{display: grid; place-items: center;}
	#cookie_banner > div{position: static;}
	#cookie_banner > div > div{gap: 8px;}
	#cookie_banner > div > div h6{font-size: 1rem;}
	#cookie_banner > div > div p{font-size: 0.8rem;}
	#cookie_banner > div.open{height: 280px;}
	#cookie_banner > div > img{width: 24px; height: 24px;}
	#cookie_banner > div.open > img{width: 64px; height: 64px;}
}