馃 distributed transcription service
thistle.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/* Neutral actions (cancel, close) */
32.btn-neutral {
33 background: transparent;
34 color: var(--text);
35 border-color: var(--secondary);
36}
37
38.btn-neutral:hover:not(:disabled) {
39 border-color: var(--primary);
40 color: var(--primary);
41}
42
43/* Rejection/destructive actions (delete, logout) */
44.btn-rejection {
45 background: transparent;
46 color: var(--accent);
47 border-color: var(--accent);
48}
49
50.btn-rejection:hover:not(:disabled) {
51 background: var(--accent);
52 color: white;
53}
54
55/* Small button variant */
56.btn-small {
57 padding: 0.5rem 1rem;
58 font-size: 0.875rem;
59}