2 files changed, 28 insertions, 0 deletions
diff --git a/packages/studip-ui/src/styles/components/_btn.scss b/packages/studip-ui/src/styles/components/_btn.scss
new file mode 100644
index 0000000..d16ce18
--- /dev/null
+++ b/packages/studip-ui/src/styles/components/_btn.scss
@@ -0,0 +1,27 @@
+.sui-btn {
+  appearance: none;
+  background: var(--color--global-background);
+  border: 1px solid var(--color--highlight);
+  border-radius: 4px;
+  color: var(--color--highlight);
+  cursor: pointer;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.3;
+  padding: 7px 14px;
+  text-align: center;
+  white-space: nowrap;
+  transition: background-color 0.2s, color 0.2s;
+  margin: 0;
+
+  &:hover:not(:disabled) {
+    background-color: var(--color--highlight);
+    color: var(--color--highlight-contrast);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+    background: var(--color--button-inactive-background);
+  }
+}
+\ No newline at end of file
diff --git a/packages/studip-ui/src/styles/components/index.scss b/packages/studip-ui/src/styles/components/index.scss
new file mode 100644
index 0000000..f5656bf
--- /dev/null
+++ b/packages/studip-ui/src/styles/components/index.scss
@@ -0,0 +1 @@
+@use 'btn' as btn;
+\ No newline at end of file