1button {
2 background-color: #111827;
3 border: 1px solid transparent;
4 border-radius: .75rem;
5 box-sizing: border-box;
6 color: #FFFFFF;
7 cursor: pointer;
8 flex: 0 0 auto;
9 font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
10 font-size: 1.125rem;
11 font-weight: 600;
12 line-height: 1.5rem;
13 padding: .75rem 1.2rem;
14 text-align: center;
15 text-decoration: none #6B7280 solid;
16 text-decoration-thickness: auto;
17 transition-duration: .2s;
18 transition-property: background-color,border-color,color,fill,stroke;
19 transition-timing-function: cubic-bezier(.4, 0, 0.2, 1);
20 user-select: none;
21 -webkit-user-select: none;
22 touch-action: manipulation;
23 width: auto;
24}
25
26button:hover {
27 background-color: #374151;
28}
29
30button:focus {
31 box-shadow: none;
32 outline: 2px solid white;
33 outline-offset: 2px;
34}
35
36@media (min-width: 768px) {
37 button {
38  padding: .75rem 1.5rem;
39 }
40}