.pangeo-cookies-bar {
position: fixed;
left: 0;
right: 0;
z-index: 99999;
display: none;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
padding: 16px 24px;
background-color: var( --pangeo-cookies-bg, #1f2124 );
color: var( --pangeo-cookies-text, #fff );
font-size: 14px;
line-height: 1.5;
box-shadow: 0 -2px 12px rgba( 0, 0, 0, 0.15 );
}
.pangeo-cookies-bar--visible {
display: flex;
}
.pangeo-cookies-bar--top {
top: 0;
}
.pangeo-cookies-bar--bottom {
bottom: 0;
}
.pangeo-cookies-bar__text {
flex: 1 1 320px;
margin: 0;
}
.pangeo-cookies-bar__text a {
color: inherit;
text-decoration: underline;
}
.pangeo-cookies-bar__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex: 0 0 auto;
}
button.pangeo-cookies-bar__button {
cursor: pointer;
border: none;
border-radius: var( --pangeo-cookies-radius, 6px );
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
}
button.pangeo-cookies-bar__accept {
background-color: var( --pangeo-cookies-accept-bg, #2563eb );
color: var( --pangeo-cookies-accept-text, #fff );
}
button.pangeo-cookies-bar__reject {
background-color: var( --pangeo-cookies-reject-bg, #3f444b );
color: var( --pangeo-cookies-reject-text, #fff );
}
.pangeo-cookies-reopen {
cursor: pointer;
}