.ct-responsive-controls {
	display: flex;
	align-items: center;
	margin: 0;

	li {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;

		&.active {
			color: #0582bd;
		}

		&:not(.active) {
			color: #CFD1D2;

			&:hover {
				color: #a5abaf;
			}
		}

		// spacing
		&.ct-desktop {
			margin-right: 18px;
		}

		&.ct-tablet {
			margin-right: 17px;
		}
	}
}