.btn { display: inline-block; background: var(--ink); color: var(--surface); border: 1px solid var(--ink); padding: 0.7rem 1.2rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: transform 120ms ease, text-decoration-color 250ms ease; }
.btn:hover { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 0.2em; }
.btn:active { transform: translateY(1px); }
.btn[disabled] { opacity: 0.6; cursor: default; }
.linklike { background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.2em; text-decoration-color: color-mix(in oklab, currentColor 45%, transparent); transition: text-decoration-color 250ms ease; }
.linklike:hover { text-decoration-color: var(--accent); }