.btn{justify-content:center;align-items:center;gap:var(--sp-8);min-height:var(--target-touch);padding:0 var(--sp-24);border-radius:var(--r-row);font-family:var(--font-ui);font-size:var(--fs-15);font-weight:600;line-height:max(var(--lh-floor), 1);text-align:center;text-wrap:balance;max-inline-size:100%;transition:background-color var(--t-hover) var(--ease), border-color var(--t-hover) var(--ease), color var(--t-hover) var(--ease), transform var(--t-hover) var(--ease);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn__icon{flex:none}.btn--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-accent), var(--edge-on-accent)}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:focus-visible{box-shadow:var(--focus-ring-offset)}.btn--secondary{background:var(--tile);border-color:var(--line-strong);color:var(--text)}.btn--secondary:hover{background:var(--tile-hover);border-color:var(--line-hover)}.btn--ghost{padding-inline:var(--sp-12);color:var(--text-2);background:0 0}.btn--ghost:hover{background:var(--tile);color:var(--accent)}.btn--cut{isolation:isolate;min-height:48px;padding-inline:var(--sp-24);border-radius:0;position:relative}.btn--cut.btn--primary,.btn--cut.btn--primary:hover{box-shadow:var(--shadow-accent);background:0 0}.btn--cut.btn--primary:focus-visible{box-shadow:var(--focus-ring-offset)}.btn--cut:before{content:"";z-index:-1;background:var(--accent);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);transition:background-color var(--t-hover) var(--ease);position:absolute;inset:0}.btn--cut:hover:before{background:var(--accent-hover)}