#cookie_note{
    display: none;
    position: fixed;
    bottom: 32px;
    left: 50%;
    width: 80%;
    transform: translateX(-50%);
    padding: 20px;
    background: rgba(20, 20, 20, .6);
    border-radius: 4px;
    box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	font-family: Inter, sans-serif;
    font-size: var(--h5);
	z-index:9999;
}

#cookie_note.show{
	display: flex;
	gap: 24px;
}

#cookie_note p{
	flex-grow: 1;
	display: block;
    margin: 0;
    text-align: left;
    color: #FFFFFF;
}

.cookie_accept{
	flex-shrink: 0;
	display: block;
	background: rgba(249, 91, 54, .85);
    width: 170px;

}

@media (max-width: 1650px){
	#cookie_note{
		width: 80%;
	}
}

@media (max-width: 994px){
	#cookie_note{
		width: 90%;
	}
	
	.cookie_accept{
		font-size: .9rem;
	}
}

@media (max-width: 575px){
	#cookie_note{
		width: 90%;
	}
	
    #cookie_note.show{
        display: block;
        text-align: left;
    }
	
	.cookie_accept{
		display: block;
		width:50%;
		height: 32px;
		line-height: 32px;
		margin-top: 8px;
	}
}


@media (max-width: 370px){
	.cookie_accept{
		font-size: .8rem;
	}
}