.cookie-banner {
			--transition-duration: .15s;
			--transition-delay: .1s;

			--cookie-banner-font-size: calc(13/16) * 1rem;
			--cookie-banner-line-height: 1.307;	
			--cookie-banner-width: 17rem;
			--cookie-banner-border-radius: .25rem;
			--cookie-banner-background-color: #fff;
			--cookie-banner-header-color: var(--color-1, #262626);
			--cookie-banner-text-color: var(--color-8, #afafaf);
			--cookie-banner-accept-button-color: var(--color-bg-white, #fff);
			--cookie-banner-accept-button-background-color: var(--color-13, #404144);
			--cookie-banner-accept-button-hover-background-color: var(--color-1, #262626);

			position: fixed;
			bottom: 0;
			left: calc(50% - calc(var(--cookie-banner-width) / 2));
			max-width: var(--cookie-banner-width);

			margin-bottom: 1.25rem;

			z-index: 9999;

			background-color: var(--cookie-banner-background-color);
			box-shadow: 0 0.5rem 1rem #40414426;
			border-radius: var(--cookie-banner-border-radius);


			opacity: 0;
			transition: opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;
		}

		.cookie-banner-content {
			padding: 1.25rem;
		}

		.cookie-banner-content * {
			font-size: var(--cookie-banner-font-size);
			line-height: var(--cookie-banner-line-height);
		}

		.cookie-banner.is-visible {
			opacity: 1;
			/* Fade in when visible */
		}

		.cookie-banner.is-hidden {
			opacity: 0;
			/* Fade out when hidden */
		}

		.cookie-banner h2 {
			font-weight: 700;
			color: var(--cookie-banner-header-color);
			margin-bottom: .25rem;
		}

		.cookie-banner p {
			color: var(--cookie-banner-text-color);
			margin: 0;
		}

		.cookie-banner .cookie-buttons {
			display: flex;
			gap: .5rem;
			margin-top: 1rem;
		}

		.cookie-banner .cookie-buttons button,
		.cookie-banner .cookie-buttons a {
			line-height: 1;
			padding: .75rem;
			text-align: center;
			text-decoration: none;
			border: none;
			cursor: pointer;
		}

		/* When only accept button (no privacy link) */
		.cookie-banner .cookie-buttons button.cookie-banner-accept:only-child {
			flex: 1;
		}

		/* When both buttons are present */
		.cookie-banner .cookie-buttons button.cookie-banner-accept:not(:only-child) {
			flex: 1 1 50%;
		}

		.cookie-banner .cookie-buttons a.cookie-banner-learn-more {
			flex: 1 1 50%;
		}

		.cookie-banner button.cookie-banner-accept {
			color: var(--cookie-banner-accept-button-color);
			background-color: var(--cookie-banner-accept-button-background-color);
			border-radius: var(--cookie-banner-border-radius);
		}

		.cookie-banner button.cookie-banner-accept:hover {
			background-color: var(--cookie-banner-accept-button-hover-background-color);
		}

		.cookie-banner a.cookie-banner-learn-more {
			color: var(--cookie-banner-text-color);
			border: 1px solid var(--cookie-banner-text-color);
			border-radius: var(--cookie-banner-border-radius);
		}

		.cookie-banner a.cookie-banner-learn-more:hover {
			color: var(--cookie-banner-header-color);
			border-color: var(--cookie-banner-header-color);
		}