@charset "utf-8";

.consent-popup {
position: fixed;
bottom: -200px; /* 初期状態：非表示（下に隠れている） */
left: 0;
width: 100%;
border-top: 1px solid #ccc;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
padding: 20px;
font-size: 14px;
transition: bottom 0.4s ease;
z-index: 9999;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}

.consent-popup.show {
bottom: 0; /* 表示状態：スライドアップ */
}

.consent-popup p {
max-width: 800px;
margin: 0 auto;
padding: 10px 20px;
}
.consent-popup .consent-buttons {
margin: 0px auto;
text-align: right;
max-width: 800px;
padding: 10px 20px;
}

.consent-popup .consent-buttons button {
margin-left: 10px;
padding: 6px 12px;
font-size: 13px;
cursor: pointer;
}

.consent-popup .consent-buttons button:first-child {
background-color: #2d9cdb;
color: #fff;
border: none;
}

.consent-popup .consent-buttons button:last-child {
background-color: transparent;
border: 1px solid #999;
color: #333;
}