.city-form__city {
	padding: 0.2rem 0.8rem;
	cursor: pointer;
}
	.city-form__city:hover {
		background-color: var(--lighter);
	}

	.city-form__city-name {
		margin-bottom: 0;
	}

	.city-form__city-caption {
		color: var(--gray);
		font-size: 0.8rem;
	}

.city-form__buttons-group {
	display: flex;
	margin-top: 0.3rem;
}

	.city-form__button {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border: none;
		border-radius: 0.5rem;
		background-color: var(--primary-alpha-100);
		font-size: 0.8rem;
		color: var(--dark);
		margin-right: 0.3rem;
		padding: 0.2rem 0.6rem;
		font-weight: 500;
		transition: 0.1s ease;
		cursor: pointer;
	}
		.city-form__button:hover {
			color: var(--primary);
		}
		.city-form__button:active {
			transform: translateY(-2px);
		}
		.city-form__button--active{
			color: white !important;
			background-color: var(--primary-alpha-800);
		}

@media screen and (max-width: 1730px) and (min-width: 1100px) {
	.city-form__button{
		padding-right: 0.45rem;
		padding-left: 0.45rem;
	}
}

@media screen and (max-width: 992px) {
	.city-form__buttons-group {
		flex-wrap: wrap;
	}
		.city-form__button {
			margin-bottom: 0.36rem;
		}
}