styles/button.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

.button {
	background-color: var(--fire-opal);
	color: var(--fg) !important;

	padding: 12px;
	min-width: 200px;
	text-align: center;
	width: min-content;

	display: block !important;
	margin: 0 auto var(--page-margins) auto;

	font-size: 1rem;
	font-family: "Inter", sans-serif;
	font-weight: 600;
	
	border-radius: 8px;
	border: 0;

	cursor: pointer;
}

a.button { min-width: calc(200px - 2 * 12px); }
a.button::after { display: none; }

@media (prefers-color-scheme: light) {
	.button { color: var(--bg) !important; }
}