Mini Shell

<script>
	lgpd_cookie_accepted = $.cookie('lgpd_cookie_accepted');

	$(document).ready(function() {
		if (!lgpd_cookie_accepted) {
			$('#lgpd').show();
		}
	});

	function acceptLGPD() {
		$.cookie('lgpd_cookie_accepted', true);
		$('#lgpd').remove();
	}
</script>
<style>
	#lgpd {
		width: 100%;
		position: fixed;
		bottom: 40px;
		z-index: 100;
	}
	#lgpd a {
		color: <?php echo $cor2 ?>!important;
		font-weight: bolder;
	}

	#lgpd .container {
		background: #fff;
		border-radius: 15px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
	}
	#lgpd .btn-cookies {
		border-radius: 30px;
		padding: 10px 20px;
		height: auto;
		background: <?php echo $cor2 ?>;
		color: #fff !important;
	}

	#lgpd{display: flex; justify-content: space-between; align-items: center;}

	.hide{
		display: none !important;
	}

</style>
<div id="lgpd" class="box-cookies hide" style="">
	<div class="container  d-flex justify-content-between align-items-center shadow pt-3 pb-3">
		<div>
			<?php echo $row_configuracoes['configuracoes_lgpd_descricao']; ?>
			<a href="<?php echo RAIZ . $row_configuracoes['configuracoes_lgpd_link']; ?>">
				Clique aqui para saber mais.
			</a>
		</div>
		<div>
			<a class="btn btn-cookies btn-primary" onclick="accptCookiges();">CONCORDAR</a>
		</div>
	</div>
</div>

<script type="text/javascript">
	if(!localStorage.nossoCook){
		document.querySelector('.box-cookies').classList.remove('hide')
	}

	const accptCookiges = () =>{
		document.querySelector('.box-cookies').classList.add('hide')
		localStorage.setItem("nossoCook", "accept");
	}

	const btnCookies = document.querySelector(".btn-cookies");

	btnCookies.addEventListener('click', accptCookiges)



</script>