[class^="#{$dc-prefix}-font-icon-"] {
    color: inherit;

    &.dc-font-icon--interactive {
        cursor: pointer;

        &:hover {
            color: $dc-blue20;
        }
    }

    &.#{$dc-prefix}-font-icon-trash {
        margin-left: .125em;
        // this is a fix to make the trash icon sharper, because the current version can =not be centered in the font bounding box.
        // if you change the icon, check to see if this is still needed
    }

}

[class^="dc-font-icon-"] {
    color: inherit;

    &.dc-font-icon--interactive {
        cursor: pointer;

        &:hover {
            color: $dc-blue20;
        }
    }

    &.dc-font-icon-trash {
        margin-left: .125em;
        // this is a fix to make the trash icon sharper, because the current version can =not be centered in the font bounding box.
        // if you change the icon, check to see if this is still needed
    }

}

Fix dc prefix for button icons
feat(button): Fix dc prefix for button icons
