html body .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:12px 20px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;text-align:center;cursor:pointer;box-shadow:none;transition:background-color .2s,border-color .2s,color .2s}html body .btn-primary{background:var(--clr-accent);border-color:var(--clr-accent);color:var(--clr-on-primary)}html body .btn-primary:hover{background:var(--clr-accent-hover);border-color:var(--clr-accent-hover);color:var(--clr-on-primary)}html body .btn-secondary{background:var(--clr-bg);border-color:var(--clr-accent);color:var(--clr-accent)}html body .btn-secondary:hover{background:var(--clr-bg-alt);border-color:var(--clr-accent-hover);color:var(--clr-accent-hover)}html body .btn:focus-visible{outline:2px solid var(--clr-focus);outline-offset:4px}html body .btn:disabled{opacity:.6;cursor:not-allowed}html body .btn svg{width:20px;height:20px;flex-shrink:0}