@keyframes slide-left-cookie {
	0% {
		margin-left: 200%;
	} 
	100% {
		margin-left: 0;
	}
}

div.cookie_alert {
    width: 600px;
    height: 220px;
    padding: 1rem;
    border-radius: 1.5rem;

    display: none;
    flex-direction: column;
    justify-content: space-between;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background-color: #fff;
    
    position: fixed;
    z-index: 2;
    top: 0;

    animation: slide-left-cookie 3s;
}

div.cookie_title {
    display: flex;
    justify-content: space-between;
    color: #777;
}

div.cookie_title i.fas {
    color: #073f66;
}

div.cookie_title i.fa-cookie {
    margin-right: 0.4rem;
}

div.cookie_title i.fa-times:hover {
    cursor: pointer;
}

div.cookie_text {
    text-indent: 1rem;
}

div.cookie_text a {
    color: #073f66;
    text-decoration: underline;
}
div.cookie_text a:hover {
    color: gray;
}

div.cookie_button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

div.cookie_button button {
    color: white;
    background: #073f66;
    padding: 0.4rem 0.8rem;
    border-radius: 1.5rem;
    border: none;
}

/* MOBILE */
@media screen and (max-width: 600px) {
    div.cookie_alert {
        width: 100vw;
        height: auto;
    }
}