.list-btn {
	display: flex;
	align-items: center;
	gap: 10px;

	padding: 10px;
	width: fit-content;

	font-size: 20px;

	border-radius: 10px;
	border: 1px solid black;

	transition: .2s;
}

.list-btn:hover:not(:disabled) {
	filter: brightness(90%);
}

.list-btn:active:not(:disabled) {
	filter: brightness(80%);
	transform: translateY(2px);
}

.list-btn:disabled {
	color: #0008;
	opacity: .5;
	animation: none;
	transform: none;
}

.pick-btn-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	align-items: center;

	gap: 15px 10px;

	margin-bottom: 15px;
}

.random-pick-btn {
	background-color: var(--okay-green);
}

.markall-btn {
	transition: visibility 0s, filter .2s, transform .2s;

	background-color: var(--light-main);
}