@charset "utf-8";

.rgpd-container { position:fixed; bottom:20px; left:0; width:100%; z-index:999; }
	.rgpd-container a { color:#000; }
	.rgpd-container-box { width:100%; max-width:800px; margin:0 auto; background-color:#000000; color:#FFFFFF; border-radius:8px; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); padding:40px; }
		.rgpd-container-box-close { width:100%; display:block; position:relative; }
			.rgpd-container-box-close span { position: absolute; right:-25px; top:-25px; width:25px; height:25px; font-size:12px }
				.rgpd-container-box-close span a:link, .rgpd-container-box-close span a:visited { color:#FFFFFF; }
				.rgpd-container-box-close span a:hover, .rgpd-container-box-close span a:active { color:#FA000B; }
	.rgpd-container-box p { margin-top:0; padding-top:0; }
		.rgpd-container-box p a { color:#FA000B }
		.rgpd-container-box-btn { width:50%; margin:0 auto; display:flex; text-align:center; }
			.btn-link { width:50%; background-color:#F7F7F7; border-radius:8px; margin-right:10px; padding:10px 0px; }
			.btn-close { width:50%; background-color:#999999; border-radius:8px; margin-left:10px; padding:10px 0px; }
				.btn-close:hover { background-color:#F7F7F7; }

@media only screen and (max-width: 640px) {
	.rgpd-container { width:96%; margin:1% 2%; }
		.rgpd-container-box-btn { width:90%; display:block; }	
		.rgpd-container-box p { text-align:justify; }
			.btn-link { width:100%; margin-right:0px; margin-bottom:10px; }
			.btn-close { width:100%; margin-left:0px; }
}