.cookies-bar {
    width: 18.75vw;
    height: auto;
    position: absolute;
    right: 1.93vw;
    bottom: 1.93vw;
    z-index: 999;
    background: #001040;
    padding: 1.72vw 1.35vw;
    display: none;
    flex-direction: column;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

    .cookies-bar .svg {
        width: 2.4vw;
        height: 2.4vw;
        max-width: 100%;
        max-height: 100%;
        flex: 0 0 auto;
        object-fit: contain;
        filter: invert(52%) sepia(100%) saturate(1652%) hue-rotate(202deg) brightness(109%) contrast(101%);
        margin: 0 1.56vw auto 0;
    }

        .cookies-bar .svg.replaced-svg {
            filter: none;
            fill: #799dff;
        }

    .cookies-bar p {
        /*margin: 0;*/
        /*flex: 0 0 auto;*/
        flex: 1;
        font-family: roboto-light;
        font-size: 1.04vw;
        /*font-size: 0.83vw;*/
        /*font-style: italic;*/
        color: #fff;
    }

    .cookies-bar .link {
        flex: 0 0 auto;
        font-family: roboto-light;
        font-size: 1.04vw;
        color: #799dff;
        cursor: pointer;
    }

    .cookies-bar input[type=button] {
        margin-left: auto;
        width: 6.25vw;
        height: 2.08vw;
        flex: 0 0 auto;
        border: none;
        border-radius: 0.26vw;
        background: #002fb0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: roboto-regular;
        font-size: 0.83vw;
        color: #fff;
    }

    .cookies-bar .flex-group {
        flex: 0 0 auto;
        width: 100%;
        height: auto;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
    }

    .cookies-bar .cookies-bar-content {
        flex: 1;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .cookies-bar.dark {
        background: #434343;
    }

@media only screen and (max-width: 1366px) {
    .cookies-bar {
        width: 100%;
        bottom: 0;
        right: 0;
        /*left: 0;*/
        padding: 30px 10.4vw;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

        .cookies-bar p {
            flex: 1;
            font-size: 1.17vw;
            text-align: center;
        }

        .cookies-bar .link {
            flex: 1;
            font-size: 1.17vw;
        }

        .cookies-bar input[type=button] {
            margin-left: 30px;
            width: 10.25vw;
            height: 2.93vw;
            border-radius: 0.37vw;
            font-size: 1.17vw;
        }

        .cookies-bar .flex-group {
            width: auto;
            max-width: 100%;
            align-items: center;
            margin: 0 0;
        }
}

@media only screen and (max-width: 992px) {
    .cookies-bar {
        width: 100%;
        bottom: 0;
        right: 0;
        /*left: 0;*/
        padding: 30px 6.93vw;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
    }

        .cookies-bar p {
            flex: 1;
            font-size: 1.61vw;
            text-align: center;
        }

        .cookies-bar .link {
            flex: 1;
            font-size: 1.61vw;
        }

        .cookies-bar input[type=button] {
            margin-left: 30px;
            width: 14.11vw;
            height: 4.03vw;
            border-radius: 1.33vw;
            font-size: 1.61vw;
        }

        .cookies-bar .flex-group {
            width: auto;
            max-width: 100%;
            align-items: center;
            margin: 0 auto;
        }
}

@media only screen and (max-width:642px) {
    .cookies-bar p {
        font-size: 4.27vw;
    }

    .cookies-bar .link {
        font-size: 4.27vw;
    }

    .cookies-bar input[type=button] {
        width: 37.33vw;
        height: 10.67vw;
        border-radius: 1.33vw;
        font-size: 4.27vw;
    }
}