.jbc-cookie-banner {
position: fixed;
bottom: 1rem;
right: 1rem;
left: 1rem;
width: fit-content;
max-width: 32rem;
margin: 0 auto;
padding: 1rem 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
z-index: 9999;
background-color: #B6BDD880;
color: #0D237D;
font-size: 14px;
line-height: 1.5;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 1rem;
}
.jbc-cookie-content {
flex: 1;
margin-right: 1.5rem;
}
.jbc-cookie-content p {
margin: 0;
}
.jbc-cookie-content a {
text-decoration: underline;
}
.jbc-policy-link {
color: inherit;
text-decoration: underline;
margin-left: 0.5rem;
}
.jbc-policy-link:hover {
text-decoration: none;
}
.jbc-cookie-buttons {
display: flex;
gap: 1rem;
}
.jbc-reject-btn {
padding: 0.5rem 1rem;
border: none;
border-radius: 0.5rem;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
transition: opacity 0.3s;
background-color: transparent;
color: #ffffff;
}
.jbc-reject-btn:hover {
opacity: 0.9;
}
@media (max-width: 768px) {
.jbc-cookie-banner {
flex-direction: column;
text-align: center;
}
.jbc-cookie-content {
max-width: 100%;
margin-right: 0;
margin-bottom: 1rem;
}
.jbc-cookie-buttons {
width: 100%;
justify-content: center;
}
}