Simplify the DOM and CSS of ColorIcon component

[MAILPOET-4418]

mailpoet/assets/css/src/components-automation-editor/_step.scss

@@ -35,21 +35,8 @@
 }
 
 .mailpoet-automation-colored-icon {
+  border-radius: 50%;
   box-sizing: content-box;
   padding: 12px;
   position: relative;
-
-  .mailpoet-automation-colored-icon-background {
-    border-radius: 50%;
-    height: 100%;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
-
-  svg {
-    position: relative;
-    z-index: 1;
-  }
 }

mailpoet/assets/js/src/automation/editor/components/icons/colored-icon.tsx

@@ -19,12 +19,9 @@ export function ColoredIcon({
       style={{
         width: iconProps.width,
         height: iconProps.height,
+        backgroundColor: background,
       }}
     >
-      <div
-        className="mailpoet-automation-colored-icon-background"
-        style={{ backgroundColor: background }}
-      />
       <Icon color={foreground} {...iconProps} />
     </div>
   );