.cookie-agreement {

    background: #c39367;

    padding: 20px 40px;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 100

}



.cookie-agreement-text {

    color: #fff;

    float: left;

    width: 90%;

    padding-right: 10px

}

.cookie-agreement a {

    text-decoration: underline;

    color: #fff;

}

.cookie-agreement a:hover {

    text-decoration: none;

}

.cookie-agreement-btn {

    float: right;

    width: 10%;

    padding: 8px 30px;

    background: #fff;

    cursor: pointer;

    text-align: center

}



@media screen and (max-width: 1200px) {

    .cookie-agreement-text {

        width: 85%

    }



    .cookie-agreement-btn {

        width: 15%

    }

}



@media screen and (max-width: 940px) {

    .cookie-agreement {

        padding: 20px

    }



    .cookie-agreement-text {

        width: 80%

    }



    .cookie-agreement-btn {

        width: 20%;

        padding: 5px 10px

    }

}



@media screen and (max-width: 480px) {

    .cookie-agreement {

        padding: 20px

    }



    .cookie-agreement-text {

        width: 100%

    }



    .cookie-agreement-btn {

        width: 100%;

        padding: 5px 10px

    }

}