.popup-container{
display:none;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background-color:#ffffff;
padding:20px;
border-radius:10px;
box-shadow:0 0 20px rgba(11,11,143,.25);
z-index:9999;
max-width:90%
}

.cookie-option{
margin-bottom:10px
}

.cookie-option label{
display:block;
margin-bottom:5px;
font-size:16px;
color:rgb(14,31,77)
}

.cookie-option select{
width:calc(100% - 10px);
padding:8px;
border-radius:5px;
border:1px solid rgba(11,11,143,.25);
font-size:16px;
color:rgb(14,31,77)
}

.cookie-banner,
.cookie-button,
.save-button{
font-size:16px
}

.cookie-banner{
position:fixed;
bottom:0;
left:0;
width:100%;
background-color:rgba(11,11,143,.85);
color:#ffffff;
padding:15px;
box-sizing:border-box;
text-align:center;
z-index:9998
}

.cookie-banner p{
margin:0
}

.cookie-banner a{
color:#ffffff;
text-decoration:underline;
margin-left:10px;
margin-right:10px
}

.cookie-buttons{
margin-top:15px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap
}

.cookie-button,
.save-button{
background-color:rgb(11,11,143);
color:#ffffff;
border:0;
padding:8px 15px;
text-align:center;
text-decoration:none;
cursor:pointer;
border-radius:5px;
margin:0 10px
}

.cookie-button:hover,
.save-button:hover{
background-color:rgb(46,91,255)
}

.cookie-button.reject{
background-color:#d70000;
color:#ffffff
}

.cookie-button.reject:hover{
background-color:#ff1a1a
}

.cookie-title{
font-size:30px;
margin-bottom:15px;
color:rgb(11,11,143)
}

#configButton{
position:fixed;
left:20px;
bottom:20px;
z-index:9999;
background:rgb(11,11,143);
color:#ffffff;
border-radius:6px;
padding:8px 12px
}

#configButton:hover{
background:rgb(46,91,255)
}

@media screen and (max-width:600px){
.popup-container{
padding:15px
}
.cookie-button{
margin:10px 0
}
#configButton{
bottom:60px
}
}