diff --git a/modules/content/assets/scss/hello-plus-flex-hero.scss b/modules/content/assets/scss/hello-plus-flex-hero.scss
index e1ec1f1..fbf9510 100644
--- a/modules/content/assets/scss/hello-plus-flex-hero.scss
+++ b/modules/content/assets/scss/hello-plus-flex-hero.scss
@@ -60,10 +60,12 @@
 	--flex-hero-image-border-width: 1px;
 	--flex-hero-image-border-color: #{$global-colors-secondary};
 
-	--flex-hero-button-border-radius-custom-block-end: #{$corners-shape-default};
-	--flex-hero-button-border-radius-custom-block-start: #{$corners-shape-default};
-	--flex-hero-button-border-radius-custom-inline-end: #{$corners-shape-default};
-	--flex-hero-button-border-radius-custom-inline-start: #{$corners-shape-default};
+	--flex-hero-border-radius-default: #{$corners-shape-default};
+	--flex-hero-border-radius-sharp: #{$corners-shape-sharp};
+	--flex-hero-border-radius-rounded: #{$corners-shape-rounded};
+	--flex-hero-border-radius-round: #{$corners-shape-round};
+	--flex-hero-border-radius-oval: #{$corners-shape-oval};
+
 	--flex-hero-image-border-radius-custom-block-end: #{$corners-shape-sharp};
 	--flex-hero-image-border-radius-custom-block-start: #{$corners-shape-sharp};
 	--flex-hero-image-border-radius-custom-inline-end: #{$corners-shape-sharp};
diff --git a/modules/content/widgets/flex-hero.php b/modules/content/widgets/flex-hero.php
index bcb2400..f0c862b 100644
--- a/modules/content/widgets/flex-hero.php
+++ b/modules/content/widgets/flex-hero.php
@@ -47,7 +47,7 @@ public function get_icon(): string {
 	}
 
 	public function get_style_depends(): array {
-		return [ 'helloplus-flex-hero' ];
+		return [ 'helloplus-flex-hero', 'helloplus-button' ];
 	}
 
 	protected function render(): void {
@@ -767,7 +767,7 @@ protected function add_style_image_section() {
 				'type' => Controls_Manager::DIMENSIONS,
 				'size_units' => [ 'px', '%', 'em', 'rem' ],
 				'selectors' => [
-					'{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-border-radius-block-end: {{BOTTOM}}{{UNIT}}; --flex-hero-image-border-radius-block-start: {{TOP}}{{UNIT}}; --flex-hero-image-border-radius-inline-end: {{RIGHT}}{{UNIT}}; --flex-hero-image-border-radius-inline-start: {{LEFT}}{{UNIT}};',
+					'{{WRAPPER}} .ehp-flex-hero' => '--flex-hero-image-border-radius-custom-block-end: {{BOTTOM}}{{UNIT}}; --flex-hero-image-border-radius-custom-block-start: {{TOP}}{{UNIT}}; --flex-hero-image-border-radius-custom-inline-end: {{RIGHT}}{{UNIT}}; --flex-hero-image-border-radius-custom-inline-start: {{LEFT}}{{UNIT}};',
 				],
 				'separator' => 'before',
 				'condition' => [
diff --git a/modules/content/widgets/hero.php b/modules/content/widgets/hero.php
index fe3a2ec..6664454 100644
--- a/modules/content/widgets/hero.php
+++ b/modules/content/widgets/hero.php
@@ -46,7 +46,7 @@ public function get_icon(): string {
 	}
 
 	public function get_style_depends(): array {
-		return [ 'helloplus-hero' ];
+		return [ 'helloplus-hero', 'helloplus-button' ];
 	}
 
 	protected function render(): void {