#cookie_monster {
	position: fixed;
	left: 0;
	width: 100%;
	background: hsla(0, 0, 100, 0.8);
	font-family: 'Open Sans', sans-serif;
	z-index: 255;
	
	@include breakpoint(min-width $bp-middle) {
		top: 0;
	}
	
	@include breakpoint(max-width $bp-middle) {
		bottom: 0;
		background: hsla(60, 75, 75, 0.8);
	}
	
	.content {
		@include container(48em);
		margin: 0 auto;
		color: black;
		padding: em(6px) em(24px) em(3px) em(24px);
		
		strong {
			font-weight: bold;
		}
		
		.button {
			display: block;
			background: black;
			color: white;
			padding: em(6px) em(9px);
			margin-top: em(6px);
			margin-left: em(3px);
			float: right;
			@include border-radius($corner-radius);
			border: 0;
			font-size: $base-font-size;
			
			&.no {
				background: hsla(150, 55, 45, 1);
			}
			
			&.yes {
				font-weight: bold;
				background: hsla(330, 45, 55, 1);
			}
		}
	}
}