.but{background-color:var(--primary);border-bottom-left-radius:var(--but-radius);border-bottom-right-radius:var(--but-radius);border-top-left-radius:var(--but-radius);border-top-right-radius:var(--but-radius);color:var(--surface-0);display:inline-flex;padding:var(--but-padding)}.but:hover{background-color:var(--primary-alt);color:var(--surface-0)}.but-secondary{background-color:var(--surface-30);color:var(--surface-90)}.but-secondary:hover{background-color:var(--primary-alt);color:var(--surface-0)}.but-tertiary{background-color:var(--surface-30);color:var(--surface-90)}.but-tertiary:hover{background-color:var(--contrast);color:var(--surface-0)}.but-contrast{background-color:var(--contrast);color:var(--surface-0)}.but-contrast:hover{background-color:var(--contrast-alt);color:var(--surface-0)}.but-alt{background-color:rgba(56,103,232,0.11);border:1px solid rgba(56,103,232,0.34);color:var(--primary)}.but-alt:hover{background-color:var(--primary-alt);color:var(--surface-0)}.but-secondary-alt{background-color:var(--surface-30);color:var(--surface-90)}.but-secondary-alt:hover{background-color:var(--primary-alt);color:var(--surface-0)}.but-outline{background-color:rgba(0,0,0,0);border:1px solid var(--primary);color:var(--primary)}.but-outline:hover{background-color:var(--primary);color:var(--surface-0)}.but-ghost{background-color:rgba(0,0,0,0);color:var(--surface-70)}.but-ghost:hover{color:var(--surface-100);background-color:rgba(0,0,0,0)}