.l-btn{--btn-h:calc(50 * var(--k1,1px));--btn-orb:calc(36 * var(--k1,1px));--btn-icon:calc(18 * var(--k1,1px));--btn-ring-gap:calc(5 * var(--k1,1px));--btn-rim:inset 0 0 calc(10 * var(--k1,1px)) 1px #ffffff73;--btn-bezel:0 0 0 calc(var(--btn-ring-gap) + 1px) #ffffff17;--btn-drop:0 1px 2px #00000040, 0 calc(8 * var(--k1,1px)) calc(16 * var(--k1,1px)) #0006;--btn-glow:0 0 0 0 #fff0, 0 0 0 0 #fff0;align-items:center;gap:calc(var(--btn-h) * .32);height:var(--btn-h);padding:0 calc((var(--btn-h) - var(--btn-orb)) / 2 - 1px) 0 calc(var(--btn-h) * .62);border-radius:calc(999 * var(--k1,1px));outline:1px solid var(--btn-ring,transparent);outline-offset:var(--btn-ring-gap);box-shadow:var(--btn-rim), var(--btn-bezel), var(--btn-drop), var(--btn-glow);font-family:var(--f-display);font-size:calc(20 * var(--k1,1px));letter-spacing:.01em;white-space:nowrap;cursor:pointer;will-change:transform;border:1px solid #0000;font-weight:600;transition:transform .35s cubic-bezier(.22,.61,.21,1),filter .35s,box-shadow .45s cubic-bezier(.22,.61,.21,1);display:inline-flex;position:relative;overflow:hidden}.l-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.l-btn-label{line-height:1.25;display:inline-block;position:relative}.l-btn-word{white-space:nowrap;will-change:transform, filter;display:block}.l-btn-letter{white-space:pre;transform-origin:50% 62%;will-change:transform;display:inline-block}.l-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.l-btn-word-in{position:absolute;top:0;left:0}:is(.landing,.ah,.as) .l-btn-light{--btn-ring:#ffffffba;--btn-rim:inset 0 0 calc(10 * var(--k1,1px)) 1px #00000039;color:#121212;background:linear-gradient(90deg,#fff 0%,#d8d8d8 100%);border-color:#cdcdcd}:is(.landing,.ah,.as) .l-btn-light .l-btn-letter{-webkit-text-stroke:.5px currentColor}:is(.landing,.ah,.as) .l-btn-dark{--btn-ring:#ffffffba;color:#fff;background:linear-gradient(90deg,#303030 0%,#020202 100%);border-color:#1d1d1d}:is(.landing,.ah,.as) .l-btn-light.l-btn-glow{--btn-glow:0 0 calc(28 * var(--k1,1px)) 2px #ffffff4d, 0 0 0 0 #fff0}:is(.landing,.ah,.as) .l-btn-light:hover,:is(.landing,.ah,.as) .l-btn-light.l-btn-glow:hover{--btn-glow:0 0 calc(26 * var(--k1,1px)) calc(5 * var(--k1,1px)) #ffffff70, 0 0 calc(70 * var(--k1,1px)) calc(12 * var(--k1,1px)) #ffffff2b}:is(.landing,.ah,.as) .l-btn-dark:hover{--btn-glow:0 0 calc(26 * var(--k1,1px)) calc(5 * var(--k1,1px)) #ffffff52, 0 0 calc(70 * var(--k1,1px)) calc(12 * var(--k1,1px)) #ffffff1f}.l-btn-pill{border-radius:calc(999 * var(--k1,1px))}.l-btn-small{--btn-h:calc(42 * var(--k1,1px));--btn-orb:calc(30 * var(--k1,1px));--btn-icon:calc(16 * var(--k1,1px));--btn-ring-gap:calc(4 * var(--k1,1px));font-size:calc(17 * var(--k1,1px))}.l-orb{width:var(--btn-orb);height:var(--btn-orb);border-radius:50%;flex:none;place-items:center;display:grid}:is(.landing,.ah,.as) .l-btn-light .l-orb{color:#f4f4f4;background:#121212}:is(.landing,.ah,.as) .l-btn-dark .l-orb{color:#1d1d1d;background:#fff}.l-orb>svg{width:var(--btn-icon);height:var(--btn-icon)}@media (prefers-reduced-motion:reduce){.l-btn{transition:none}}