Missed this one

Author: lainsce

Helium/gtk-4.0/_tauos.scss

@@ -1042,9 +1042,130 @@ $colors: (
 .fill-button {
     background: $accent_bg_color;
     color: $accent_fg_color;
-    min-height: px-to-rem(40px);
+    padding: 0;
+    margin: 0;
+    min-height: 0px;
+    -gtk-icon-size: px-to-rem(16px);
 
-    -gtk-icon-size: px-to-rem(18px);
+    &.small {
+        min-height: 40px;
+        padding: 12px 16px 12px 16px;
+        border-radius: 999px;
+        -gtk-icon-size: px-to-rem(16px);
+
+        & label {
+            padding: 0;
+            margin: 0;
+            font-size: 14pt;
+            line-height: 20pt;
+            letter-spacing: 0.1pt;
+            min-height: 0px;
+        }
+
+        & image {
+            padding-right: 8px;
+            min-height: 0px;
+            padding: 0;
+            margin: 0;
+        }
+
+        & image:dir(rtl) {
+            padding-left: 8px;
+            min-height: 0px;
+            padding: 0;
+            margin: 0;
+        }
+    }
+
+    &.medium {
+        min-height: 56px;
+        padding: 18px 24px 18px 24px;
+        border-radius: 999px;
+        -gtk-icon-size: px-to-rem(20px);
+
+        & label {
+            padding: 0;
+            margin: 0;
+            font-size: 16pt;
+            line-height: 24pt;
+            letter-spacing: 0.15pt;
+            min-height: 0px;
+        }
+
+        & image {
+            padding-right: 8px;
+            padding: 0;
+            margin: 0;
+            min-height: 0px;
+        }
+
+        & image:dir(rtl) {
+            padding-left: 8px;
+            padding: 0;
+            margin: 0;
+            min-height: 0px;
+        }
+    }
+
+    &.large {
+        min-height: 96px;
+        padding: 35px 48px 35px 48px;
+        border-radius: 999px;
+        -gtk-icon-size: px-to-rem(26px);
+
+        & label {
+            padding: 0;
+            margin: 0;
+            font-size: 24pt;
+            line-height: 32pt;
+            letter-spacing: 0;
+            min-height: 0px;
+        }
+
+        & image {
+            padding-right: 12px;
+            padding: 0;
+            margin: 0;
+            min-height: 0px;
+        }
+
+        & image:dir(rtl) {
+            padding-left: 12px;
+            padding: 0;
+            margin: 0;
+            min-height: 0px;
+        }
+    }
+
+    &.xlarge {
+        min-height: 136px;
+        padding: 52px 64px 52px 64px;
+        border-radius: 999px;
+        -gtk-icon-size: px-to-rem(32px);
+
+        & label {
+            padding: 0;
+            margin: 0;
+            font-size: 32pt;
+            line-height: 40pt;
+            letter-spacing: 0;
+            min-height: 0px;
+        }
+
+        & image {
+            padding-right: 8px;
+            padding: 0;
+            margin: 0;
+            min-height: 0px;
+        }
+
+        & image:dir(rtl) {
+            padding-left: 8px;
+            padding: 0;
+            margin: 0;
+            min-height: 0px;
+        }
+    }
 
     &:disabled {
         background: gtkalpha($view_fg_color, 0.12);