.legacy-cookie {width: 420px;left: 10px;bottom: 5px; background: rgb(255 255 255 / 50%); border-radius:15px; backdrop-filter: blur(4px); box-shadow: 0px 0px 5px rgb(42 67 138 / 10%);
    border: 1px solid rgb(125 155 255 / 10%);
 -webkit-backdrop-filter: blur(4px);  @apply bg-muted/25; backdrop-filter: url(#displacementFilter) blur(2px);}
.legacy-cookie>div {display: block; flex-direction: column; background:transparent;}
.legacy-cookie .legacy-cookie__text {color: #2a438a;line-height:1; font-size: 16px;}
.legacy-cookie .legacy-cookie__text a {color:#2a438a  !important; text-decoration:underline;}
.legacy-cookie .button {background:#2a438a;font-size: 18px;width: 100%;text-align: center;padding: 12px 10px;margin: 10px 0px; transition: all 0.5s ease;  display:block;}
.legacy-cookie .button:hover {background: #fff; color:#2a438a;}

@media screen and (max-width: 767px) {
.legacy-cookie--d-mob-none {display:block !important;}
}

@media screen and (max-width: 480px) {
.legacy-cookie {width: 350px;} 
.legacy-cookie>div {padding: 12px 8px 0px 8px;}
.legacy-cookie .legacy-cookie__text {font-size: 14px;}
}

@media screen and (max-width: 380px) {
.legacy-cookie {width: 320px; left: 5px;} 
}

@media screen and (max-width: 340px) {
.legacy-cookie {width: 280px;} 
}