/* ==========================================================================
   Icons (svg)
   ========================================================================== */

.icon {
	display: flex;
	// flex-wrap: nowrap; // nowrap is default!
	align-items: center;

	> svg {
		width: 1em;
		height: 1em;
		margin-top: -.1em;
		// fill: currentColor; // Cascading svg fill color (https://css-tricks.com/cascading-svg-fill-color/)
		// stroke: currentColor; // Cascading svg stroke color
	}

	&--left {

		> svg {
			margin-right: .25em;
		}
	}

	&--right {

		> svg {
			margin-left: .25em;
		}
	}
}

/* ==========================================================================
   Icons (svg)
   ========================================================================== */

.icon {
	display: flex;
	// flex-wrap: nowrap; // nowrap is default!
	align-items: center;

	> svg {
		width: 1em;
		height: 1em;
		margin-top: -.1em;
		// fill: currentColor; // Cascading svg fill color (https://css-tricks.com/cascading-svg-fill-color/)
		// stroke: currentColor; // Cascading svg stroke color
	}

	&--left {

		> svg {
			margin-right: .4em;
		}
	}

	&--right {

		> svg {
			margin-left: .4em;
		}
	}
}

Increase distance between label (text) and icon.
Increase distance between label (text) and icon.
