.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 22px;border:0;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:box-shadow var(--t-fast),background var(--t-fast),color var(--t-fast),border-color var(--t-fast);white-space:nowrap}.btn:active{opacity:.85}.btn-primary{background:var(--red);color:#fff;clip-path:polygon(0 0,calc(100% - 8px)0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-primary:hover{background:#ff1040;box-shadow:var(--shadow-red)}.btn-primary:focus-visible{outline:0;box-shadow:0 0 0 3px var(--red-dim),var(--shadow-red)}.btn-ghost,.btn-outline{color:var(--text-sub);border:1px solid var(--border)}.btn-outline{background:0 0}.btn-outline:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.btn-ghost{background:rgba(255,255,255,.04)}.btn-ghost:hover{background:rgba(255,255,255,.08);color:var(--text)}@media (max-width:1023px){.btn{padding:var(--sp-2) var(--sp-4);font-size:.76rem}}