From 75a3d25bc86e4883febc654e75949e104f933d48 Mon Sep 17 00:00:00 2001
From: David Allemang <david.allemang@kitware.com>
Date: Thu, 30 Jul 2026 21:11:00 -0700
Subject: [PATCH] button component

---
 src/components.css |  5 ++++-
 src/style.css      | 21 +++++++++++++++++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/components.css b/src/components.css
index 1fe82520..28093cb5 100644
--- a/src/components.css
+++ b/src/components.css
@@ -1,5 +1,7 @@
 /* --- Component Structural Styles --- */
-mc-world, mc-timeline, mc-camera, mc-frame { display: none; }
+mc-world, mc-timeline, mc-camera, mc-frame {
+    display: none;
+}
 
 mc-diorama {
     display: block;
@@ -255,6 +257,7 @@ mc-diorama {
         opacity: 1;
         pointer-events: auto;
     }
+
     & .visualizer-ui {
         pointer-events: auto;
     }
diff --git a/src/style.css b/src/style.css
index f23cbc19..b5c8736b 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,7 +6,7 @@
     unicode-range: U+0000-007F;
 }
 
-h1, h2, h3, h4, h5, h6, nav li {
+h1, h2, h3, h4, h5, h6, nav li, .btn {
     font-family: "Mojangles", sans-serif;
 }
 
@@ -91,4 +91,21 @@ table {
     td {
         vertical-align: text-top;
     }
-}
\ No newline at end of file
+}
+
+
+.btn {
+    padding: 0.5ch 2ch;
+    display: inline-block;
+    text-shadow: 1.20pt 1.20pt 0 #333;
+    border-image-source: url("/assets/minecraft/textures/gui/sprites/widget/button.png");
+    border-image-width: 2.4pt 2.4pt 3.6pt 2.4pt;
+    border-image-slice: 2 2 3 2 fill;
+    border-image-repeat: repeat;
+    image-rendering: pixelated;
+    /*border-image-slice: calc(3 / 200 * 100%) calc(2 / 20 * 100%);*/
+}
+
+.btn:hover {
+    border-image-source: url("/assets/minecraft/textures/gui/sprites/widget/button_highlighted.png");
+}