.agreement_window {position: fixed; bottom: 10px; width: calc(100% - 20px); height: auto; z-index: 100; visibility: hidden; opacity: 0px; height: 0px;  left: 10px; 
	  display: flex; align-items: flex-end; padding: 20px; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; box-shadow: 1px 1px 8px 2px #00000038; }
.agreement_window.active {visibility: visible; opacity: 1; height: auto}	
.agreement_window button {padding: 10px 20px; white-space: nowrap}

.agreement_body {padding-right: 20px;}
.agreement_title{
	margin-bottom: 5px;
}
@media (max-width:500px){
	.agreement_window{
		flex-direction: column;
	}
	.agreement_window button{
		text-align: center;
		justify-self: center;
		align-self: center;
		margin-top: 10px;
	}
	.agreement_body{
		padding-right: 0;
	}
}