.data-notice[hidden] { display:none; }
.data-notice { position:fixed; z-index:50; right:20px; bottom:20px; width:min(560px,calc(100% - 40px)); padding:22px; border:1px solid #4d514e; border-left:5px solid #b6723d; background:#343735; color:#fff; box-shadow:0 18px 60px rgba(25,27,26,.28); }
.data-notice-inner { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; }
.data-notice h2 { margin:0 0 7px; color:#fff; font:800 1.05rem/1.2 Arial,Helvetica,sans-serif; letter-spacing:0; }
.data-notice p { margin:0; color:#d8dbd8; font:400 .92rem/1.5 Arial,Helvetica,sans-serif; }
.data-notice a { color:#efbd94; font-weight:800; text-underline-offset:3px; }
.data-notice a:hover,.data-notice a:focus-visible { color:#fff; }
.data-notice-button { min-height:44px; padding:10px 18px; border:1px solid #efbd94; background:#efbd94; color:#242725; font:800 .9rem/1 Arial,Helvetica,sans-serif; cursor:pointer; }
.data-notice-button:hover,.data-notice-button:focus-visible { border-color:#fff; background:#fff; }
.data-notice :focus-visible { outline:3px solid #df9d67; outline-offset:3px; }
@media (max-width:640px) {
  .data-notice { right:14px; bottom:14px; width:calc(100% - 28px); padding:18px; }
  .data-notice-inner { grid-template-columns:1fr; gap:16px; }
  .data-notice-button { width:100%; }
}