.xtra-cookie {
position: fixed;
display: none;
align-items: center;
justify-content: space-between;
opacity: 1;
fill: #5b5b5b;
color: #5b5b5b;
padding: 8px;
font-size: 15px;
line-height: 1.6;
text-align: center;
z-index: 9999999999999;
border-radius: 100px;
background: #ffffff;
box-sizing: border-box;
box-shadow: 0px 0px 30px #8a8a8a70
}
.xtra-cookie svg {
width: 32px;
fill: currentColor;
background: inherit;
border-radius: inherit;
padding: 5px
}
.xtra-cookie-bl {
left: 40px;
bottom: 40px
}
.xtra-cookie-bc {
left: 50%;
transform: translateX(-50%);
bottom: 40px
}
.xtra-cookie-br {
right: 40px;
bottom: 40px
}
.xtra-cookie-tl {
top: 40px;
left: 40px
}
.xtra-cookie-tr {
top: 40px;
right: 40px
}
.xtra-cookie span {
margin: 0 15px
}
.xtra-cookie span a {
font-weight: bold;
margin: 0 2px;
color: inherit
}
.xtra-cookie a.xtra-cookie-button {
font-size: 13px;
font-weight: 700;
cursor: pointer;
background: #282828;
color: #fff;
padding: 10px 20px;
border-radius: inherit
}
.xtra-cookie a.xtra-cookie-button:hover {
opacity: .5
}
@media screen and (max-width: 768px) {
.xtra-cookie svg {
display: none
}
.xtra-cookie {
font-size: 11px;
z-index: 99;
top: auto;
right: auto;
left: 0;
bottom: 0;
margin: 25px;
padding: 10px;
transform: none;
width: calc(100% - 50px);
border-radius: 10px !important
}
.xtra-cookie span {
margin: 10px;
text-align: initial
}
.xtra-cookie a.xtra-cookie-button {
font-size: 10px;
white-space: nowrap
}
}