.container-cct {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px;
	justify-content: center;
	transform: translateX(33%);
}

.card-cct {
	border: 2px solid #000;
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100px;
	min-width: 70px;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.card-cct:hover {
	transform: scale(1.05);
}

.card-cct.green {
	background-color: green;
}

.card-cct.red {
	background-color: red
}


@media screen and (max-width: 500px) {
	.card-cct {
		width: 100%;
		justify-content: space-around;
	}
}