@media screen {
    .cookie-consent {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: #4754A4;
        z-index: 20000 !important;
        color: white;
    }

    @media(min-width: 841px) {
        .cookie-consent {
            height: 60px;
        }
    }


    @media(max-width: 840px) {
        .cookie-consent {
            height: 80px;
        }
    }


    @media(max-width: 500px) {
        .cookie-consent {
            height: 120px;
        }
    }

    @media(max-width: 416px) {
        .cookie-consent {
            height: 180px;
        }
    }

    @media(max-width: 415px) {
        .cookie-consent {
            height: 180px;
        }
    }


    .cookie-consent .cookie-container {
        display: flex;
        height: 100%;
        align-items: center;
        margin: 0 10px;
    }
    .cookie-consent .cookie-container p {
        font-weight: bold;
        display: block;
        float: left;
        width: 80%;
    }

    .cookie-consent .cookie-container .cookie-button {
        border: 1px solid white;
        border-radius: 5px;
        padding: 8px;
        width: 20%;
        max-width: 80px;
        text-align: center;
        float: right;
        text-decoration: none;
        color: white;
    }
}

@media print {
    .cookie-consent {
        display: none !important;
    }
}