.agreement-pop-out- {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	opacity: 0;
	transition: opacity .15s linear;
    background: #0000009c;
    font-family: var(--PRIMARY_FONT_FAMILY)
}

.agreement-pop-out-.fade-in- {
	opacity: 1;
	transition: opacity .15s linear
}

.agreement-pop-out- .agreement-container- {
    padding: 2rem 3rem;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: var(--MODAL_BG);
    color: var(--MODAL_TXT_COLOR)
}

.agreement-pop-out- .agreement-content- h3 {
	margin: 10px 0;
	font-family: inherit;
    font-weight: inherit;
	color: var(--MODAL_TXT_COLOR)
}

.agreement-pop-out- .agreement-content- a {
	color: var(--SECONDARY_COLOR)
}

.agreement-pop-out- .agreement-content- a:hover {
    color: var(--SECONDARY_COLOR);
    text-decoration: underline
}

.agreement-pop-out- .agreement-content- ol {
	padding: 0;
    list-style-position: inside
}

.agreement-pop-out- .agreement-action- {
	display: flex;
    align-items: center;
    justify-content: space-evenly
}

.agreement-pop-out- .agreement-action- button {
	width: 100px;
	border-width: 0;
    transition: all 0.3s ease 0s;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    letter-spacing: var(--SECONDARY_FONT_LETTER_SPACING);
	background: var(--PRIMARY_BTN_BG);
    color: var(--PRIMARY_BTN_COLOR);
    border: var(--PRIMARY_BTN_BORDER);
    box-shadow: var(--PRIMARY_BTN_SHADOW)
}

.agreement-pop-out- .agreement-action- button:hover {
	filter: var(--PRIMARY_BTN_HOVER_FILTER_BG);
    color: var(--PRIMARY_BTN_HOVER_COLOR);
    border: var(--PRIMARY_BTN_HOVER_BORDER)
}