#ck-overlay {
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	pointer-events: unset
}

#ck-overlay:not(.open) {
	display: none;
}

.spajder-consent {
	position: absolute;
	width: 500px;
	height: max-content;
	max-width: 95%;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	background-color: white;
	padding: 30px;
}

.spajder-consent .buttons {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	justify-content: space-between
}

.spajder-consent .buttons button {
	padding: 10px 60px;
	width: max-content;
	cursor: pointer
}

.spajder-consent .buttons .deny {
	background-color: white;
	color: var(--spajder-cookie-color);
	border-color: var(--spajder-cookie-color);
}

.spajder-consent .buttons .deny:hover {
	color: white;
	background: var(--spajder-cookie-color)
}

.spajder-consent .buttons .accept {
	background-color: var(--spajder-cookie-color);
	border-color: var(--spajder-cookie-color);
	color: white;
}

.spajder-consent .close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 30px;
	height: 30px;
}

.spajder-consent .close line {
	stroke: var(--spajder-cookie-color);
}

@media screen and (max-width:440px) {
	.spajder-consent .buttons button {
		margin: 10px;
		width: 100%
	}

	.spajder-consent {
		top: 50%
	}
}


#spajder-revoke button {
	max-width: 200px;
	display: inline
}