V10 fix radio button styles (#1214)

* fix radio button styles

* fine tune radio button group alignment

* approve react backstop

* approve patternlab backstop

packages/assets/scss/01-atoms/_input-radio.scss

@@ -13,24 +13,22 @@
 
   &__label {
     font-size: $fonts-medium;
-    line-height: 1rem;
-    padding-left: 1.5em;
     font-weight: $fonts-light;
+    display: flex;
+      align-items: center;
 
     &:before {
       border: 2px solid;
       border-radius: 50%;
-      content: "\2022";
-      display: inline-block;
+      content: "\25CF";
+      display: flex;
+        align-items: center;
+        justify-content: center;
       height: .45em;
-      font-size: 2.5em;
-      line-height: calc(.45em - 11px);
-      margin-right: .125em;
-      position: absolute;
-        top: -.025em;
-        left: 0;
-      text-align: center;
       width: .45em;
+      font-size: 1.25em;
+      margin-right: .125em;
+      padding: 0.5em;
       overflow: hidden;
       background-color: $c-white;
       border-color: $c-bd-input-dark;
@@ -42,10 +40,6 @@
       }
 
     }
-
-    span {
-      line-height: 1.2em;
-    }
   }
 
 
@@ -182,7 +176,7 @@ $control-height: 1.2rem;
 //label-appearance(text-color, background-color, border-color, box-shadow, control-state, class-modifier)
 
   @include label-appearance($c-primary, $c-white, $c-primary, '','', '');
-  
+
   @include label-appearance($c-primary, $c-primary-lightest, $c-primary, '', ':hover', '');
 
   @include label-appearance($c-white, $c-primary, $c-primary, '',':checked', '');