.cookie-alert {
    background: rgba(255,255,255,0.9);
    box-shadow:0 0 10px #aaa;
    padding:20px;
    position:fixed;
    bottom:20px;
    right:20px;
    border-radius:30px;
    color:black;
    width:265px;
    max-width:calc( 100% - 80px );
    z-index:3;
    backdrop-filter: blur(2px);
}

.cookie-alert .header {
    font-weight:bold;
    font-size:20px;
    margin-bottom:16px;
}

.cookie-alert .info {
    font-size:12px;
    margin-bottom:16px;
}

.cookie-alert .info a {
    color:inherit;
    text-decoration:underline;
}

.cookie-alert .cookie-btn {
    width:160px;
    border-radius: 5px;
}


@media (max-width:639px) {
    .cookie-alert {
        display:flex;
        gap:8px;
        align-items:center;
        justify-content:space-between;

        right:auto;
        left:50%;
        bottom:10px !important;
        max-width:calc( 100% - 30px );
        width: 360px;
        font-weight: 500;
        border-radius: 17px;
        padding: 12px 15px;
        transform: translateX(-50%);
        box-sizing: border-box;
    }

    .cookie-alert .header,
    .cookie-alert .reason {
        display:none;
    }

    .cookie-alert .cookie-btn {
        width:auto;
        padding:11px 20px;
        line-height:normal;
    }

    .cookie-alert .info {
        margin-bottom:0;
    }
}