馃 distributed transcription service
thistle.dunkirk.sh
dunkirk.sh
1/* Shared button styles for consistent UI across components */
2
3.btn {
4 padding: 0.75rem 1.5rem;
5 border-radius: 6px;
6 font-size: 1rem;
7 font-weight: 500;
8 cursor: pointer;
9 transition: all 0.2s;
10 font-family: inherit;
11 border: 2px solid;
12}
13
14.btn:disabled {
15 opacity: 0.5;
16 cursor: not-allowed;
17}
18
19/* Affirmative actions (submit, save, confirm) */
20.btn-affirmative {
21 background: var(--primary);
22 color: white;
23 border-color: var(--primary);
24}
25
26.btn-affirmative:hover:not(:disabled) {
27 background: transparent;
28 color: var(--primary);
29}
30
31/* Success/positive actions (subscribe, activate) */
32.btn-success {
33 background: var(--success);
34 color: white;
35 border-color: var(--success);
36}
37
38.btn-success:hover:not(:disabled) {
39 background: transparent;
40 color: var(--success);
41}
42
43/* Neutral actions (cancel, close) */
44.btn-neutral {
45 background: transparent;
46 color: var(--text);
47 border-color: var(--secondary);
48}
49
50.btn-neutral:hover:not(:disabled) {
51 border-color: var(--primary);
52 color: var(--primary);
53}
54
55/* Rejection/destructive actions (delete, logout) */
56.btn-rejection {
57 background: transparent;
58 color: var(--accent);
59 border-color: var(--accent);
60}
61
62.btn-rejection:hover:not(:disabled) {
63 background: var(--accent);
64 color: white;
65}
66
67/* Small button variant */
68.btn-small {
69 padding: 0.5rem 1rem;
70 font-size: 0.875rem;
71}