/*
$primary-color: #516aff;
$body-color: #000;
$background-color: #fff;
$border-color: #516aff;
$transition: all 0.16666666s ease-in-out;

#cookie-banner {
    position: fixed;
    width: 440px;
    max-width: 100%;
    box-sizing: border-box;
    z-index: 9999999;
    font-size: 16px;
    bottom: 1em;
    left: 1em;

    @media screen and (max-width: 460px) {
        bottom: 0;
        left: 0;
    }

    .cookie-banner-wrapper {
        border: 1px solid $body-color;
        padding: 1em 1em;
        box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1) !important;
        background-color: $background-color;
        color: $body-color;

        @media screen and (max-width: 460px) {
            border-left: none;
            border-bottom: none;
            border-right: none;
        }

        .cookie-banner_content {

            .cookie-banner_title {
                margin-bottom: 0.4em;
                font-size: 1.05em;
                line-height: 1;
            }

            .cookie-banner_text {
                line-height: 1.4;
            }

            .cookie-banner_link {
                color: $primary-color;
                text-decoration: none;
            }

            .cookie-banner_buttons {
                margin-top: 0.75em;
                display: flex;
                justify-content: space-between;

                button {
                    background-color: $background-color;
                    color: $primary-color;
                    border: 1px solid $border-color;
                    padding: 0.45em 0.65em 0.3em 0.65em;
                    text-transform: uppercase;
                    font-size: 0.85em;
                    line-height: 1;
                    display: block;
                    width: calc(50% - 0.25em);

                    &:hover,
                    &:focus {
                        background-color: $primary-color;
                        color: $background-color;
                    }

                    &.active {
                        background-color: $primary-color;
                        color: $background-color;
                    }
                }

            }
        }
    }

    button {
        background: none;
        border: none;
        cursor: pointer;
        transition: $transition;
    }

    .cookie-banner_close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0.5em;

        button {
            padding: 0;
            display: block;
            line-height: 1;
            width: 1.5em;
            height: 1.5em;

            svg {
                width: 100%;
                height: 100%;
                opacity: 0.5;
                transition: $transition;
            }

            &:hover,
            &:focus {
                svg {
                    opacity: 1;
                }
            }

        }
    }
}

*/

/*# sourceMappingURL=cookie-banner.css.map */
