.puzzle-number-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 160px;
	height: 80px;
	display: flex;
	justify-content: space-between;
}

.puzzle-number-box {
	position: relative;
	width: 20%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}

.puzzle-number-value {
	position: relative;
	width: 100%;
	height: 40%;

	background-color:rgba(0, 0, 0, 0.2);
	color: #1b1b19;
	text-align: center;
	padding-left: 2px;
	line-height: 34px;

	border-left: 1px solid black;
	border-right: 1px solid black;
}

.puzzle-number-up, .puzzle-number-down  {
	position: relative;
	width: 100%;
	height: 30%;
	text-align: center;
	line-height: 26px;
	transition: .1s;
	color: var(--white);
	cursor: url('../assets/images/misc/cursor-pointer.png') 0 0, pointer;
	border: 1px solid black;
}

.puzzle-number-up { 
	background-color: #6ea82b;
	border-radius: 4px 4px 0 0;
}

.puzzle-number-down { 
	background-color: #C03B3B;
	border-radius: 0 0 4px 4px;
}

.puzzle-number-up:hover, .puzzle-number-down:hover  {
	filter: brightness(1.2);
}