social components
inlay.at
atproto
components
sdui
1.root {
2 display: flex;
3 align-items: center;
4 justify-content: center;
5 background: var(--accent);
6 color: var(--accent-fg);
7 border: none;
8 border-radius: 8px;
9 padding: 5px 16px;
10 font-family:
11 "Rubik",
12 -apple-system,
13 sans-serif;
14 font-size: 12px;
15 font-weight: 600;
16 cursor: pointer;
17 white-space: nowrap;
18 text-decoration: none;
19 transition: background 0.12s;
20}
21.root:hover {
22 opacity: 0.85;
23}
24.root:disabled {
25 opacity: 0.6;
26 cursor: default;
27}