.cookie-box {
    transition: .4s all ease-in-out;
    display: none;
    margin-right: 2%;
    margin-bottom: 15%;
    flex-direction: column;
    max-width: 40%;
    box-shadow: 3px 10px 20px 0 rgba(145,168,200,.6);
    border-radius: 20px 0 20px 0;
    border: 4px solid #70a33c;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 100000;
    font-size: 12px;
}
.cookie-box p {
    font-size: inherit;
    color: #000;
}
.cookie-box__text {
    align-self: center;
    margin: 20px 5px 0 20px;
    color: #000;
}
.cookie-box-inner {
    display: flex;
    justify-content: space-between;
}
.cookie-box-inner__link a {
    text-decoration: underline;
    margin: 9px 20px 9px 20px;
    display: block;
}
.cookie-box-inner__btn {
    cursor: pointer;
    max-width: 100%;
    margin: 0 20px 20px 0;
}
.cookie-box-inner__btn p {
    transition: .3s all ease-in-out;
    font-size: 14px;
    background: #70a33c;
    padding: 5px 25px 5px 25px;
    color: #fff;
    border-radius: 14px 0;
}
@media(min-width: 1200px) {
    .cookie-box {
        max-width: 30%;
        margin-bottom: 170px
    }
}
@media(max-width: 788px) {
    .cookie-box {
        bottom: 8%;
        max-width: 90%;
        margin-left: 5%;
    }
}
@media(max-width: 500px) {
    .cookie-box {
        bottom: 11%;
        max-width: 90%;
        margin-left: 5%;
    }
}
 @media(max-width: 510px) {
    .cookie-box-inner {
        flex-direction: column;
        justify-content: center;
    }
    .cookie-box-inner__link a {
        align-self: center;
        margin: 15px 20px 20px 0px;
    }
    .cookie-box-inner__btn {
        align-self: center;
    }
    .cookie-box-inner__link {
		text-align: center;
	    padding-bottom: 20px;
	}
}
@media(max-width: 320px) {
	.cookie-box-inner__link {
		text-align: center;
	    padding-bottom: 20px;
	}
}