Add shared action button styles

2026-04-17 01:25:12 +03:00
parent aea0e0b299
commit 0c84d635d8
1 changed files with 47 additions and 0 deletions
@@ -0,0 +1,47 @@
+.flight-action-btn {
+  padding: 8px 16px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 14px;
+  border: none;
+  font-family: inherit;
+  transition: opacity 0.15s, background-color 0.15s;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  &--orange {
+    background: #ff9000;
+    color: #fff;
+
+    &:hover:not(:disabled) {
+      background: #e68200;
+    }
+  }
+
+  &--blue-light {
+    background: #e3f0ff;
+    color: #1a3a5c;
+
+    &:hover:not(:disabled) {
+      background: #c7dff5;
+    }
+  }
+
+  &--transparent {
+    background: transparent;
+    padding: 8px;
+    color: #2060c0;
+
+    &:hover:not(:disabled) {
+      background: rgba(32, 96, 192, 0.08);
+    }
+  }
+
+  &--small {
+    font-size: 12px;
+    padding: 4px 8px;
+  }
+}