♻️ Refactored SVG button styles into helpers

src/styles/style-helpers.scss

@@ -15,6 +15,30 @@
   }
 }
 
+.svg-button {
+    color: var(--primary);
+    width: 1.5rem;
+    height: 1.5rem;
+    svg {
+        path {
+            fill: var(--settings-text-color);
+        }
+        width: 1rem;
+        height: 1rem;
+        margin: 0.2rem;
+        padding: 0.2rem;
+        text-align: center;
+        background: var(--background);
+        border: 1px solid currentColor;
+        border-radius: var(--curve-factor);
+        cursor: pointer;
+        &:hover, &.selected {
+            background: var(--settings-text-color);
+            path { fill: var(--background); }
+        }
+    }
+}
+
 /* Custom highlight color */
 .highlight {
     ::selection {