@import 'src/Components/GlobalStyles/colors';

.container {
	text-align: center;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);

	p {
		margin: 35px 0;
	}

	a {
		display: inline-block;
		padding: 15px 65px;
		border-radius: 5px;
		text-decoration: none;
		background-color: white;
		border: 2px solid var(--primary-color);
		color: var(--primary-color);
		transition: all 0.2s ease-in-out;

		&:hover {
			transform: scale(1.03);
		}
	}
}

.list_items {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 25px;

	label {
		min-width: 300px;
		display: flex;
		align-items: center;
		text-align: start;
		margin: 0 auto;
	}

	p {
		display: inline-block;
		font-size: 17px;
		margin: 5px 0 5px 15px;
		width: 100%;
	}

	label:hover {
		cursor: pointer;
	}
}