.button{font-size:1rem;line-height:1.4;font-weight:700;letter-spacing:.05em;height:40px;min-width:40px;width:100%;border-radius:var(--border--radius--button);padding:.5rem 1rem;cursor:pointer;outline:none;border:none;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center}@media (min-width:1200px){.button{width:fit-content;height:48px}}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:var(--clr--primary--500);color:var(--clr--white)}.button--primary:hover:not(:disabled){background-color:var(--clr--primary--hover)}.button--primary:active:not(:disabled){background-color:var(--clr--primary--click)}.button--secondary{background-color:var(--clr--divider);border:1px solid var(--clr--outline);color:var(--clr--txt--primary)}.button--secondary:hover:not(:disabled){background-color:var(--clr--bg--disabled)}.button--tertiary{background-color:transparent;border:1px solid var(--clr--txt--primary);color:var(--clr--txt--primary)}.button--tertiary:hover:not(:disabled){background-color:var(--clr--divider);color:var(--clr--txt--primary)}.button--accent{background-color:var(--clr--accent--500);color:var(--clr--white)}.button--accent:hover:not(:disabled){filter:brightness(.9)}.button--accent:active:not(:disabled){filter:brightness(.8)}