From f41454580c4975b7921691719d19c6bc9d0ec262 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Mon, 8 Dec 2025 22:59:41 -0800
Subject: [PATCH] feat: Add support for overriding button border radius styling
 (#2269)

- Closes #2229
---
 src/scss/button.scss      | 2 +-
 src/scss/themes/base.scss | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/scss/button.scss b/src/scss/button.scss
index 849a1545..229796f4 100644
--- a/src/scss/button.scss
+++ b/src/scss/button.scss
@@ -2,7 +2,7 @@ ha-icon-button {
   color: var(--advanced-camera-card-button-color);
   background-color: var(--advanced-camera-card-button-background);
 
-  border-radius: 50%;
+  border-radius: var(--advanced-camera-card-button-border-radius);
   padding: 0px;
   margin: 3px;
   --ha-icon-display: block;
diff --git a/src/scss/themes/base.scss b/src/scss/themes/base.scss
index ae8a5754..fb685209 100644
--- a/src/scss/themes/base.scss
+++ b/src/scss/themes/base.scss
@@ -40,6 +40,9 @@
     --advanced-camera-card-control-background-transparent
   );
 
+  // The border radius of buttons.
+  --advanced-camera-card-button-border-radius: 50%;
+
   /******
    * Menu
    ******/