.cookievj-cookie-banner {
position: fixed;
z-index: 999999;
width: 100%;
color: #ffffff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
line-height: 1.5;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
} .cookievj-banner-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
} .cookievj-banner-message {
flex: 1 1 auto;
min-width: 250px;
}
.cookievj-banner-message p {
margin: 0;
padding: 0;
} .cookievj-banner-buttons {
display: flex;
gap: 10px;
flex-shrink: 0;
} .cookievj-cookie-banner button {
padding: 10px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}
.cookievj-accept-btn {
color: #ffffff;
}
.cookievj-accept-btn:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.cookievj-reject-btn:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.5);
} .cookievj-position-bottom {
bottom: 0;
left: 0;
right: 0;
} .cookievj-position-left {
bottom: 20px;
left: 20px;
right: auto;
width: auto;
max-width: 400px;
border-radius: 8px;
}
.cookievj-position-left .cookievj-banner-content {
flex-direction: column;
align-items: flex-start;
}
.cookievj-position-left .cookievj-banner-buttons {
width: 100%;
justify-content: flex-start;
} .cookievj-position-right {
bottom: 20px;
right: 20px;
left: auto;
width: auto;
max-width: 400px;
border-radius: 8px;
}
.cookievj-position-right .cookievj-banner-content {
flex-direction: column;
align-items: flex-start;
}
.cookievj-position-right .cookievj-banner-buttons {
width: 100%;
justify-content: flex-start;
} @media screen and (max-width: 768px) {
.cookievj-banner-content {
flex-direction: column;
align-items: flex-start;
padding: 15px;
}
.cookievj-banner-buttons {
width: 100%;
flex-direction: column;
}
.cookievj-cookie-banner button {
width: 100%;
}
.cookievj-position-left,
.cookievj-position-right {
bottom: 0;
left: 0;
right: 0;
max-width: 100%;
border-radius: 0;
}
} .cookievj-cookie-banner button:focus {
outline: 2px solid #ffffff;
outline-offset: 2px;
} @keyframes cookievjSlideUp {
from {
transform: translateY(100%);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@keyframes cookievjSlideIn {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@keyframes cookievjSlideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}