diff --git a/samy.css b/samy.css
index 473bf61..5678308 100644
--- a/samy.css
+++ b/samy.css
@@ -167,6 +167,69 @@ body {
   background-color: var(--btn-success);
 }
 
+/* Standard buttons (shared look across the app) */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui, sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+
+  padding: 10px 14px;
+  min-height: 36px;
+
+  color: var(--white-color);
+  border: 1px solid transparent;
+  border-radius: 8px;
+
+  cursor: pointer;
+  user-select: none;
+
+  transition: transform 0.12s ease, background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
+}
+
+.btn:hover { transform: scale(1.02); }
+.btn:active { transform: scale(0.99); }
+
+.btn:focus-visible {
+  outline: none;
+  border-color: var(--border-color);
+  box-shadow: 0 0 0 3px rgba(255, 127, 0, 0.18);
+}
+
+/* Variants */
+.btn-primary {
+  background-color: var(--btn-sidebar-blue);
+}
+.btn-primary:hover {
+  background-color: var(--btn-hover);
+}
+
+.btn-success {
+  background-color: var(--btn-success);
+}
+.btn-success:hover {
+  background-color: rgba(30, 140, 60, 1);
+}
+
+.btn-danger {
+  background-color: var(--btn-danger);
+}
+.btn-danger:hover {
+  background-color: rgba(190, 40, 55, 1);
+}
+
+.btn:disabled,
+.btn[aria-disabled="true"] {
+  background-color: var(--btn-success-disabled);
+  opacity: 0.75;
+  cursor: not-allowed;
+  transform: none;
+}
+
+
 /* Tabs */
 .tab-content {
   display: none;