.c-cookie-notice {
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	position: fixed;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	width: 90%;
	max-width: 800px;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 4px;
	padding: 23px 50px 23px 25px;
	background-color: rgba(255, 255, 255, 0.94);
	color: #0d2645;
	transition: 0.3s;

	p {
		font-size: 16px;
		line-height: 17px;
		margin-right: 40px;
	}

	a {
		font-size: 14px;
		// text-decoration: underline;
		color: #e60043;
		margin-top: 10px;
	}

	&.is-loaded {
		opacity: 1;
		visibility: visible;
	}

	&.is-closed {
		opacity: 0;
		visibility: hidden;
	}

	&__btn {
		position: absolute;
		display: block;
		top: 10px;
		right: 10px;
		width: 60px;
		height: 40px;
		background-color: #e60043;
		border: none;
		border-radius: 4px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		transition: 0.3s color ease-in-out, 0.3s background-color ease-in-out;

		&:hover {
			background-color: #971531;
		}
	}

	@include media-breakpoint-up(md) {
		width: 90%;
		max-width: 800px;
		padding-right: 65px;
		left: 35px;
		transform: none;

		&__btn {
			top: 50%;
			right: 20px;
			transform: translateY(-50%);
		}
	}

	@include media-breakpoint-down(sm) {
		&__btn {
			top: 40px;
		}
	}
}
