Fixed #5214 - Move core alignment styles to theme files

components/lib/radiobutton/style/RadioButtonStyle.js

@@ -1,39 +1,5 @@
 import BaseStyle from 'primevue/base/style';
 
-const css = `
-@layer primevue {
-    .p-radiobutton {
-        position: relative;
-        display: inline-flex;
-        user-select: none;
-        vertical-align: bottom;
-    }
-
-    .p-radiobutton-input {
-        cursor: pointer;
-    }
-
-    .p-radiobutton-box {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-
-    .p-radiobutton-icon {
-        -webkit-backface-visibility: hidden;
-        backface-visibility: hidden;
-        transform: translateZ(0) scale(.1);
-        border-radius: 50%;
-        visibility: hidden;
-    }
-
-    .p-radiobutton.p-highlight .p-radiobutton-icon {
-        transform: translateZ(0) scale(1.0, 1.0);
-        visibility: visible;
-    }
-}
-`;
-
 const classes = {
     root: ({ instance, props }) => [
         'p-radiobutton p-component',
@@ -51,6 +17,5 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'radiobutton',
-    css,
     classes
 });