/* ==================================================
	Component: Form Footer

	Example Usage:
		<div class="form-footer">
			<label class="form-footer-remember-me">
				<input type="checkbox"> Remember Me
			</label>
			<a href="#" class="form-footer">Forgot Password?</a>
		</div>
================================================== */
.form-footer {display: flex;justify-content: space-between;align-items: center;margin-top:5px;margin-bottom: 5px;}

/* this should be separated */
.form-footer-remember-me {display: flex;align-items: center;gap: 5px;font-size: 14px;color: var(--text-3);}
.form-footer-forgot {color: var(--text-3);font-size: 14px;text-decoration: none;}
.form-footer-forgot:hover { color: var(--accent-1); }