.button{width:fit-content;color:var(--color-text);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,filter .2s,opacity .2s,transform .2s;display:flex}.button:active{filter:brightness(.95);transform:scale(.98)}.button:focus-visible{outline:2px solid var(--color);outline-offset:3px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button.solid{color:var(--color-text);background-color:var(--color)}.button.solid:hover{filter:brightness(1.1)}.button.outline{border:2px solid var(--color);color:var(--color);background-color:#0000}.button.outline:hover{background-color:var(--color);color:var(--color-text)}.button.ghost{color:var(--color);background-color:#0000}.button.ghost:hover{background-color:var(--color);color:var(--color-text)}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:active{transform:none}}