.c-icon {
    display: inline;

    /**
     * Prevent icons from shrinking below their minimum size
     * inside a flex-container.
     */
    flex-shrink: 0;

    // Put the icon on the text baseline.
    position: relative;
    top: .125em;

    // Size the icon to match the font-size of the parent.
    height: 1em;
    width: 1em;

    // Turn the fill value to the value of the parent.
    fill: currentColor;
}

.c-icon--block {
    display: block;
    position: static;
}
