.button-base{--bg:#1a1a1a;--text:#fff;--border-1:#4a4c57;--border-2:#4a4c57;--border-3:#4a4c57;height:60px;color:var(--text);background:var(--bg);cursor:pointer;background-image:linear-gradient(var(--bg),var(--bg)),linear-gradient(90deg,var(--border-1),var(--border-2),var(--border-3));background-origin:border-box;background-clip:padding-box,border-box;border:2px solid transparent;border-radius:9999px;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),background-image .26s;display:inline-flex;position:relative}.button-base:hover,.button-base:focus{background-image:linear-gradient(var(--bg),var(--bg)),linear-gradient(135deg,var(--border-1),var(--border-2),var(--border-3));box-shadow:0 0 12px color-mix(in oklab,var(--border-2),transparent 65%);transform:translateY(-1px)}.button-base:active{box-shadow:0 0 6px color-mix(in oklab,var(--border-2),transparent 75%);transform:translateY(1px)scale(.98)}.button-base:focus-visible{box-shadow:0 0 0 4px color-mix(in oklab,var(--border-2),transparent 70%),0 0 0 1px rgba(0,0,0,.4) inset;outline:none}.button-base:hover,.button-base:focus,.button-base:active{color:var(--text);text-decoration:none}.button-base:focus-visible{color:var(--text);text-decoration:none}.button--sunset{--border-1:#ffdf8a;--border-2:#ffb28a;--border-3:#ff8a8a}.button--gold{--border-1:#ffe698;--border-2:#ffd36a;--border-3:#ffbf42}.button--l1{--border-1:#64dffa;--border-2:#7389ff;--border-3:#e564fa}.button--steel{--border-1:#5a5d68;--border-2:#52556b;--border-3:#4a4d5a}@media (prefers-reduced-motion:reduce){.button-base{transition:none}}