.code-lock {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px; /* Odstęp między cyframi */
	z-index: 300;
}

.code-digit {
	font-size: 90px; /* Duże cyfry */
	font-family: Arial, sans-serif;
	color: #b4b4b4; /* Biały kolor */
	background: transparent; /* Brak tła */
	cursor: pointer;
	letter-spacing: 4px;
	user-select: none;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); /* Delikatny efekt 3D */
	transition: transform 0.2s ease;
}
.code-lock .code-digit:nth-child(2) {
	margin-right: 20px !important; /* lub dowolna wartość */
}

.code-digit:hover {
	transform: scale(1.2);
}