.sk-btn { display: inline-flex; align-items: center; gap: var(--sk-sp-2); padding: var(--sk-sp-3) var(--sk-sp-5); min-height: 48px;
  font-family: var(--sk-font-sans); font-size: var(--sk-fs-2); font-weight: 500; letter-spacing: 0.02em; text-decoration: none; cursor: pointer;
  background: var(--sk-accent); color: var(--sk-on-accent); border: var(--sk-line-w) solid var(--sk-accent); border-radius: var(--sk-radius); transition: background .15s, color .15s; }
.sk-btn:hover { background: color-mix(in srgb, var(--sk-accent) 85%, var(--sk-bg)); }
.sk-btn:focus-visible { outline: 2px solid var(--sk-accent); outline-offset: 3px; }
.sk-btn:disabled, .sk-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.sk-btn--outline { background: transparent; color: var(--sk-accent); }
.sk-btn--outline:hover { background: var(--sk-bg-soft); }
.sk-btn--text { background: transparent; border-color: transparent; color: var(--sk-accent); padding-inline: 0; }
.sk-btn--text::after { content: "→"; }
.sk-btn--text:hover { text-decoration: underline; text-underline-offset: 4px; }