.products-control-container {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px;

	.tumbler-with-label-container {
		flex: 0 0 100%;

		@include desktop {
			flex: 1;
		}
	}

	@include desktop {
		gap: 20px;
	}
}

.products-control-container__select {
	flex: 1;
	border-radius: 16px;
	border: 1px solid $color-border;
	background-color: $color-white;
	box-sizing: border-box;

	@include mobile {
		display: none;
	}
}

.products-control-container__control-btn {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 5px;
	font-size: 14px;
	line-height: 16px;
	order: 2;

	span {
		flex: 1;
	}

	svg {
		width: 24px;
		height: 24px;
		transition:
			transform 0.3s ease,
			color 0.3s ease;
	}

	&[aria-expanded='true'] {
		svg {
			color: $color-green;
			transform: rotate(-180deg);
		}
	}

	@include desktop {
		display: none;
		order: unset;
	}
}