MC-3708: Buttons stretch outside of parent tab on strorefront

- Updated frontend style to contain button in parent container

Author: Hwashiang Yu

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/_import.less

@@ -8,6 +8,7 @@
 //  _____________________________________________
 
 @import 'banner/_import.less';
+@import 'buttons/_import.less';
 @import 'button-item/_import.less';
 @import 'column/_import.less';
 @import 'column-group/_import.less';

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/buttons/_default.less

@@ -0,0 +1,12 @@
+// /**
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  Default appearance styles
+//  _____________________________________________
+
+[data-role='buttons'] {
+    max-width: 100%;
+}

app/code/Magento/PageBuilder/view/frontend/web/css/source/content-type/buttons/_import.less

@@ -0,0 +1,10 @@
+// /**
+//  * Copyright © Magento, Inc. All rights reserved.
+//  * See COPYING.txt for license details.
+//  */
+
+//
+//  _import imports all appearance less files
+//  _____________________________________________
+
+@import './_default.less';