CSS to style Divi Font Icons that have the class .de-icon

de-icon_font_icon_styling.css

/* Styling for the .de-icon class used in some of our WooCommerce snippets */
.de-icon {
    /* Set the color of the icon */
    color: #0fe5a8 !important;
    
    /* Set the font family for the icon */
    font-family: "ETmodules";
    
    /* Prevent the icon from being read by screen readers */
    speak: none;
    
    /* Set the font style, weight, and variant to their default values */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    
    /* Ensure the text is not transformed (e.g., no uppercase) */
    text-transform: none;
    
    /* Set the line height to 1 */
    line-height: 1;
    
    /* Enable font smoothing for better rendering on WebKit and Gecko-based browsers */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Add space between the icon and the text that follows it */
    margin-right: 5px;
}