@font-face {
	font-display: swap;
    font-family: 'Open Sans';
    src: url('/assets/fonts/opensans-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.cookie_notice_box {
	display: none;
	width: 360px;
	padding: 24px;
	flex-direction: column;	
	gap: 20px;
	position: fixed;
	bottom: 60px;
	right: 60px;
	z-index: 10;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .08);		
	border: 1px solid rgba(0, 0, 0, 0.1);	
}

	.cookie_notice_box_close {
		position: absolute;
		top: 16px;
		right: 16px;
		width: 24px;
		height: 24px;
		background: url('/assets/img/cookie_close.svg') center no-repeat;
		background-size: contain;
	}

	.cookie_notice_box_text {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
	
		.cookie_notice_box_text p {
			color: #666;
			font-family: 'Open Sans', Arial, monospace;
			font-size: 12px;
			font-style: normal;
			font-weight: 400;
			line-height: 133.333%;
			margin: 0;
		}
	
	.cookie_notice_box_button button {
		color: #87C904;
		text-align: center;
		font-family: 'Open Sans', Arial, monospace;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 2px;
		text-transform: uppercase;
		border-radius: 2px;
		border: 2px solid #87C904;
		width: 100%;		
		height: 52px;
		background: #fff;
		padding: 0;
	}
	
	.cookie_notice_box_button button:hover {
		box-shadow: 0 0 10px 1px rgba(29, 29, 29, .4);
	}
	
@media (max-width:991px){
	.cookie_notice_box {		
		width: 320px;
		padding: 20px;		
		gap: 16px;		
		bottom: 32px;
		right: 32px;			
	}
}	

@media (max-width:767px){
	.cookie_notice_box {		
		width: 250px;
		padding: 16px;		
		gap: 12px;		
		bottom: 16px;
		right: 16px;
		border-radius: 10px;	
	}
}