.btn{font:400 13px/1 var(--face-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:16px 28px;text-decoration:none;display:inline-flex;position:relative}.btn-sm{padding:12px 20px;font-size:12px}.btn-frame{pointer-events:none;--c:var(--gold);background:linear-gradient(var(--c), var(--c)) 0 0 / 10px 1px no-repeat, linear-gradient(var(--c), var(--c)) 0 0 / 1px 10px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 10px 1px no-repeat, linear-gradient(var(--c), var(--c)) 100% 0 / 1px 10px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 10px 1px no-repeat, linear-gradient(var(--c), var(--c)) 0 100% / 1px 10px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 10px 1px no-repeat, linear-gradient(var(--c), var(--c)) 100% 100% / 1px 10px no-repeat;transition:inset .45s var(--ease-out-expo);position:absolute;inset:0}.btn-frame:after{content:"";transition:border-color .45s var(--ease-out-expo);border:1px solid #0000;position:absolute;inset:0}.btn-text{background:linear-gradient(100deg, var(--ink) 42%, var(--gold-lit) 50%, var(--ink) 58%) 100% 0 / 260% 100% no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text}.btn:hover .btn-text,.btn:focus-visible .btn-text{transition:background-position 1.1s var(--ease-out-expo);background-position:0 0}.btn:hover .btn-dot,.btn:focus-visible .btn-dot{animation:btn-ping 1.2s var(--ease-out-expo)}@keyframes btn-ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--signal) 55%, transparent)}to{box-shadow:0 0 0 10px #0000}}.btn:hover .btn-frame{inset:-5px}.btn:hover .btn-frame:after{border-color:color-mix(in oklab, var(--gold) 45%, transparent)}.btn:active .btn-frame{inset:2px}.btn:focus-visible{outline:none}.btn:focus-visible .btn-frame{--c:var(--signal);inset:-5px}.btn:focus-visible .btn-frame:after{border-color:var(--signal)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:default}.btn-dot{background:var(--signal);border-radius:50%;flex:none;width:6px;height:6px}.btn-external{color:var(--gold);transition:transform .6s var(--ease-out-expo);margin-left:-4px}.btn:hover .btn-external{transform:translate(2px,-2px)}.quiet{font:600 12px/1 var(--face-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:linear-gradient(var(--gold), var(--gold)) 0 100% / 0% 1px no-repeat, linear-gradient(var(--gold), var(--gold)) 0 100% / 1px 0 no-repeat, linear-gradient(var(--gold), var(--gold)) 100% 100% / 1px 0 no-repeat, linear-gradient(var(--hairline), var(--hairline)) 0 100% / 100% 1px no-repeat;transition:background-size .6s var(--ease-out-expo);align-items:center;gap:8px;padding-bottom:7px;text-decoration:none;display:inline-flex}.quiet:hover,.quiet:focus-visible{background-size:100% 1px,1px 7px,1px 7px,100% 1px}.quiet .icon{transition:transform .6s var(--ease-out-expo)}.quiet:hover .icon{transform:translate(2px,-2px)}.numeral{font:400 15px/1 var(--face-display);letter-spacing:.08em;color:var(--gold);align-items:center;gap:10px;display:inline-flex}.numeral.is-signal{color:var(--signal)}.numeral.is-figure{font-family:var(--face-caption);letter-spacing:.04em}.numeral-dot{background:var(--signal);border-radius:50%;width:5px;height:5px}