.cky-consent-container {
	--font-scale: 0.75;
	--colour-light: #fff;
	--colour-dark: #000;

	z-index: 999 !important;
}

.cky-consent-container .cky-consent-bar {
	background-color: var(--colour-light) !important;
	border-color: var(--colour-dark) !important;
	border-width: calc(2px * var(--font-scale)) !important;
	padding: calc(20px * var(--font-scale)) calc(26px * var(--font-scale)) !important;
}

.cky-consent-container .cky-consent-bar .cky-notice .cky-title {
	color: var(--colour-dark) !important;
	font-size: calc(clamp(1rem, 5cqi, 1.2rem) * var(--font-scale)) !important;
	line-height: 1.3 !important;
	text-wrap: balance !important;
	font-weight: 500 !important;
	text-transform: capitalize !important;
}

.cky-consent-container
	.cky-consent-bar
	.cky-notice
	.cky-notice-group
	.cky-notice-des {
	color: var(--colour-dark) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: calc(16px * var(--font-scale)) !important;
	font-style: normal !important;
	line-height: 1.4 !important;
}

.cky-consent-container
	.cky-consent-bar
	.cky-notice
	.cky-notice-group
	.cky-notice-des
	* {
	font-size: calc(16px * var(--font-scale)) !important;
}

.cky-consent-container
	.cky-consent-bar
	.cky-notice
	.cky-notice-group
	.cky-notice-btn-wrapper
	.cky-btn {
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	font-size: calc(16px * var(--font-scale)) !important;
	font-style: normal !important;
	line-height: 1.4 !important;

	border-color: var(--colour-dark) !important;
	color: var(--colour-dark) !important;
	background-color: transparent !important;
	border-width: calc(2px * var(--font-scale)) !important;

	transition:
		color 0.4s var(--fade-easing, ease-in),
		background-color 0.4s var(--fade-easing, ease-in) !important;
}

.cky-consent-container
	.cky-consent-bar
	.cky-notice
	.cky-notice-group
	.cky-notice-btn-wrapper
	.cky-btn:hover {
	color: var(--colour-light) !important;
	background-color: var(--colour-dark) !important;
	opacity: 1 !important;
}

.cky-modal
	.cky-preference-center
	.cky-preference-body-wrapper
	.cky-preference-content-wrapper
	button {
	color: var(--color-white) !important;
}

.cky-modal
	.cky-preference-center
	.cky-footer-wrapper
	.cky-prefrence-btn-wrapper
	button {
	color: var(--color-white) !important;
	background-color: transparent !important;
	border-color: var(--color-white) !important;
}

.cky-btn-revisit-wrapper {
	background-color: var(--color-white) !important;
	display: none !important;
	left: unset !important;
	right: 15px !important;
}