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

	li {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		color: var(--color);

		&.active {
			--color: var(--accentColor);
		}

		&:not(.active) {
			--color: #CFD1D2;
			
			&:hover {
				--color: #a5abaf;
			}
		}

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

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