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
    ******/