.cookie-banner__container {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    background-color: #fff;
    padding: 2vh 1vw;
    border-radius: 0;
    border: 1px solid #e85222;
    gap: .3rem;
    max-width: 100%;
}

.cookie-banner__container p{
    margin-bottom: 0;
    line-height: 1.3;
    font-size: clamp(12px, 1vw, 16px);
}

.cookie-banner__privacy-policy{
    color: #e85222;
    margin-bottom: 0;
}

.cookie-banner__actions{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

.cookie-banner__actions button{
    width: 100%;
    padding: 8px 20px;
    background-color: #e85222;
    color: #ffffff;
    border: 1px solid #e85222;
    font-weight: bold;
	margin-bottom: 0;
	transition: all .3s ease-in-out;
	line-height: 1;
}

.cookie-banner__actions button:hover{
	background-color: transparent;
	color: #e85222;
}

.cookie-banner__actions button:hover{
    cursor: pointer;
}

@media screen and (max-width: 1287px){
    .cookie-banner__container{
        width: 98%;
    }
}

@media screen and (max-width: 900px){
    .cookie-banner__container{
        bottom: 0;
        left: 0;
        transform: none;
        width: 100%;
    }
    
    .cookie-banner__privacy-policy{
        font-size: clamp(16px, 1vw, 20px);
        line-height: 1;
    }
    
    .cookie-banner__actions{
        gap: .5rem;
    }
    
    .cookie_button{
        font-size: clamp(12px, 1.5vw, 20px);
    }
}

@media screen and (max-width: 643px){
    .cookie-banner__actions button:first-child{
        order: 2;
    }
}