.cookie {
	position: fixed;
	right: 2.5rem;
	bottom: 2.5rem;
	z-index: 98;

	width: 64rem;
	height: 24rem;

	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 2.1rem;

	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	
	border-radius: 2rem;
	background-color: #fff;
	border: 0.50px solid #000;
}

.cookie.show {
	opacity: 1;
	visibility: visible;
    left: 2rem;
}

.cookie__title {
	font-size: 2.4rem;
	font-weight: 500;

	margin-bottom: 2.2rem;
}

.cookie__text {
	max-width: 32.4rem;
	width: 100%;

	font-size: 1.6rem;
	font-weight: 400;
	line-height: 130%;

	margin-bottom: 3rem;
}

.cookie__button {
	width: 26.6rem;
	height: 5rem;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 3rem;
	background-color: #3F892C;
	transition: opacity 0.3s ease;

	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;

	border: none;
	outline: none;
}

.cookie__button:hover {
	opacity: 0.7;
}

.cookie__link {
	width: 14.9rem;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	font-size: 1.6rem;
	font-weight: 600;
}

.cookie__link:hover span {
	color: #3F892C;
	text-decoration: underline;
	text-decoration-color: #3F892C;
}

.cookie__actions {
	display: flex;
	align-items: center;
	column-gap: 1.6rem;
}


/* Adaptiv */

@media (max-width: 670px) {
	.cookie {
		right: 0;
		bottom: 1.5rem;

		width: 100%;
		height: auto;

		flex-direction: column;

		padding: 1rem;
	}
}

@media (max-width: 440px) {
	.cookie__title {
		font-size: 2rem;

		margin-bottom: 1.5rem;
	}
	
	.cookie__text {
		margin-bottom: 2rem;
	}

	.cookie__actions {
		column-gap: 0.6rem;
	}
	
	.cookie__button {
		width: 19.6rem;
	}

	.cookie__text,
	.cookie__button,
	.cookie__link {
		font-size: 1.4rem;
	}
}