.text{color:var(--foreground)}.text--body{font-size:var(--fontSize-small);font-weight:400}.text--label{font-size:var(--fontSize-large);font-weight:550}
.button{cursor:pointer;box-sizing:border-box;text-transform:uppercase;background-color:#0000;border-style:solid;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-block}.button--normal-case{text-transform:none}.button--primary{border-color:var(--primary)}.button--secondary{border-color:var(--secondary)}.button--ghost.button--primary{border-color:#0000}.button--ghost.button--primary:hover{border-color:var(--primary)}.button--ghost.button--secondary{border-color:#0000}.button--ghost.button--secondary:hover{border-color:var(--secondary)}.button .text{transition:color .2s}.button--primary .text{color:var(--primary)}.button--primary:hover{background-color:var(--primary)}.button--primary:hover .text{color:var(--primaryAccent)}.button--secondary .text{color:var(--secondaryAccent)}.button--secondary:hover{background-color:var(--secondary)}.button--secondary:hover .text{color:var(--primaryAccent)}.button--small{border-width:1px;border-radius:24px;padding:8px 16px}.button--small .text{font-size:14px}.button--medium{border-width:2px;border-radius:32px;padding:20px 40px}.button--medium .text{font-size:16px}.button--large{border-width:2px;border-radius:40px;padding:24px 48px}.button--large .text{font-size:18px}.button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button--pending{opacity:.7;cursor:not-allowed;pointer-events:none}