app/assets/stylesheets/buttons.css in css-zero-0.0.9 vs app/assets/stylesheets/buttons.css in css-zero-0.0.10

@@ -16,16 +16,27 @@
 
   img:not([class]) {
     filter: var(--btn-icon-color, var(--color-filter-text-reversed));
   }
 
+  &:focus-visible {
+    outline: 2px solid var(--color-selected);
+    outline-offset: var(--border-2);
+  }
+
   &:disabled {
     opacity: var(--opacity-50);
     pointer-events: none;
   }
 }
 
+.btn--secondary {
+  --btn-background: var(--color-secondary);
+  --btn-color: var(--color-text);
+  --btn-icon-color: var(--color-filter-text);
+}
+
 .btn--outline {
   --btn-background: transparent;
   --btn-border-color: var(--color-border);
   --btn-color: var(--color-text);
   --btn-icon-color: var(--color-filter-text);
@@ -37,10 +48,12 @@
   --btn-icon-color: var(--color-filter-text);
 }
 
 .btn--positive {
   --btn-background: var(--color-positive);
+  --btn-color: white;
 }
 
 .btn--negative {
   --btn-background: var(--color-negative);
+  --btn-color: white;
 }