#cookies {

	background-color: var( --clr-purple );
	border: 2px solid var( --clr-white );
	border-radius: var( --border-radius );
	bottom: 0;
	color: white;
	margin: var( --gap-big );
	min-height: calc( var( --fbs) * 2 + var( --gap-smaller ) );
	max-width: var( --column-width );
	padding: var( --gap-smallest );
	position: fixed;
	right: 0;
	transform: translateY( calc( 150% + var( --gap-big ) ) );
	transition:transform var( --anim-short-dur ) ease-in-out;
	z-index: 2;

}

#cookies.msg {

	transform: translateY( 0 );
}

	#cookies-info {

/* 		font-weight: var( --fw-subtitle ); */
		margin-bottom: var( --gap-smallest );

	}

	#cookies-info > a {

		color: var( --clr-white );

	}

	#cookies-info > a > span > svg > path {

		fill: var( --clr-white );

	}

	#cookies-controls {

		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: var( --gap-smallest );
/* 		text-align: right; */

	}

		#cookies-controls > button {

			background-color: var( --clr-green );
			border: 2px solid var( --clr-white );
			border-radius: var( --border-radius );
			color: var( --clr-white );
			cursor: pointer;
			font: inherit;
			font-weight: var( --fw-subtitle );
	    padding: var( --gap-smallest );
/* background-color: var( --clr-purple ); */
		}

		#cookies-controls > button#cookies-disagreement {
			background-color: var( --clr-purple );
		}


@media ( min-width: 640px ) {

	#cookies {

		margin: var( --gap-big ) var( --gap-big-combined );

	}

}