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

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

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

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

			&:hover {
				color: var(--color, #a5abaf);
			}
		}

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

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