/* COOKIELAW PAINEL */

.cookiepanel {
	display: none;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 20px;
	width: 96%;
	max-width: 1000px;
	padding: 18px 18px 8px;
	background: rgba(50,50,50,0.8);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(50,50,50,1);
	border-radius: var(--wp--custom--border--radius);
	z-index: 9999;

	/* Animation */
	opacity: 0;
	transform: scale(0);
	animation: zoomIn 1.5s ease forwards;
}

.cookiepanel .wrapper {
	width: 100%;
}

.cookiepanel p {
	margin: 0;
	line-height: 1.5em;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #fff!important;
}

.cookiepanel a {
	color: #ffe79f!important;
}

.cookiepanel button {
	margin: 0 0 10px;
	padding: 12px 14px;
	border: 0;
	font-size: 13px;
	background: #4caf50;
	font-family: arial, sans-serif;
	color: #fff;
	cursor: pointer;
}

.cookiepanel button:hover {
	background: #59cd5e;
}

.cookieflex {
	display: flex;
	flex: 1;
}

.cookieflex div:nth-child(1) {
	order: 1;
	flex: 1;
	text-align: center;
}

.cookieflex div:nth-child(2) {
	order: 2;
	width: 130px;
	text-align: right;
}

@media (max-width: 520px) {
	.cookieflex {
		display: block;
	}
	.cookieflex div:nth-child(1) {
		margin: 0 0 18px;
	}
	.cookieflex div:nth-child(2) {
		width: 100%;
	}
}

/* Zoom In Animation */
@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale(0);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}