refactor(HXAlertElement): reduce Shadow CSS complexity

Author: Ryan A. Johnson

src/helix-ui/elements/HXAlertElement.less

@@ -2,68 +2,66 @@
 
 #hxAlert {
   display: flex;
+}
 
-  button {
-    align-self: flex-start;
-    background-color: transparent;
-    border: 0;
-    cursor: pointer;
-  }
+button {
+  align-self: flex-start;
+  background-color: transparent;
+  border: 0;
+  cursor: pointer;
+}
 
-  #hxIconWrapper {
-    flex-shrink: 0;
-    padding: 1rem;
-  }
+#hxIconWrapper {
+  flex-shrink: 0;
+  padding: 1rem;
+}
 
-  #hxContent {
-    flex-grow: 1;
-    margin-right: 1rem;
-    padding: 1rem 0;
-  }
+#hxContent {
+  flex-grow: 1;
+  margin-right: 1rem;
+  padding: 1rem 0;
+}
 
-  #hxStatus {
-    float: left;
-    font-weight: 500;
-    margin-right: 0.25rem;
-    text-transform: uppercase;
+#hxStatus {
+  float: left;
+  font-weight: 500;
+  margin-right: 0.25rem;
+  text-transform: uppercase;
 
-    &:after {
-      content: ":";
-    }
+  &:after {
+    content: ":";
+  }
 
-    &:empty {
-      display: none;
-    }
+  &:empty {
+    display: none;
   }
+}
 
-  #hxCta {
-    flex-shrink: 0;
-    font-weight: 500;
-    padding: 1rem 0;
-    text-transform: uppercase;
-    white-space: nowrap;
+#hxCta {
+  flex-shrink: 0;
+  font-weight: 500;
+  padding: 1rem 0;
+  text-transform: uppercase;
+  white-space: nowrap;
 
-    &:empty {
-      display: none;
-    }
+  &:empty {
+    display: none;
   }
+}
 
-  #hxDismiss {
-    flex-shrink: 0;
-    height: 3rem;
-    padding: 1rem;
-    width: 3rem;
-  }
+#hxDismiss {
+  flex-shrink: 0;
+  height: 3rem;
+  padding: 1rem;
+  width: 3rem;
 }
 
 :host([persist]) {
-  #hxAlert {
-    #hxDismiss {
-      display: none;
-    }
+  #hxDismiss {
+    display: none;
+  }
 
-    #hxCta {
-      margin-right: 1rem;
-    }
+  #hxCta {
+    margin-right: 1rem;
   }
 }