.magnetic-button{border-radius:var(--radius-pill);min-height:54px;font:800 18px/1.15 var(--font-component);cursor:pointer;white-space:nowrap;transition:background-color .26s var(--ease-soft), box-shadow .38s var(--ease-soft);border:0;justify-content:center;align-items:center;padding:13px 28px;text-decoration:none;display:inline-flex;position:relative}.magnetic-button--primary{background:var(--color-accent);color:var(--color-ink);box-shadow:0 14px 30px -12px var(--color-accent-shadow)}.magnetic-button--primary:hover{background:var(--color-accent-hover);box-shadow:0 20px 40px -14px var(--color-accent-shadow)}.magnetic-button--outline{background:var(--color-white);color:var(--color-ink);box-shadow:inset 0 0 0 2.5px var(--color-ink)}.magnetic-button--compact{min-height:46px;padding:11px 24px;font-size:16px}.magnetic-button__label{pointer-events:none;z-index:1;justify-content:center;align-items:center;gap:12px;display:inline-flex;position:relative}.magnetic-button svg{flex:none;width:20px;height:20px}.magnetic-button--play{background:var(--color-white);width:94px;height:94px;color:var(--color-accent);border-radius:50%;padding:0;box-shadow:0 24px 50px -18px #0008}.magnetic-button--play svg{width:32px;height:32px}.magnetic-button--scroll{background:var(--color-accent);width:60px;height:60px;min-height:60px;color:var(--color-ink);box-shadow:0 12px 26px -12px var(--color-accent-shadow);flex:none;padding:0}.magnetic-button--scroll:hover{background:var(--color-accent-hover)}.magnetic-button--scroll svg{width:28px;height:28px}.magnetic-button--icon{background:var(--color-white);width:44px;height:44px;min-height:44px;color:var(--color-ink);border-radius:50%;padding:0;box-shadow:0 6px 18px -8px #0006}.magnetic-button--icon:hover{background:var(--color-accent)}.magnetic-button--icon svg{width:22px;height:22px}.magnetic-button:disabled{cursor:wait;opacity:.65}.button-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}@media (width<=600px){.magnetic-button{min-height:48px;padding:12px 20px;font-size:16px}.magnetic-button--play{width:68px;height:68px;padding:0}.magnetic-button--compact{min-height:44px;padding:10px 17px;font-size:14px}.magnetic-button--scroll{min-height:60px;padding:0}.magnetic-button--icon{min-height:44px;padding:0}}.fx{transform:translate3d(clamp(calc(-1 * var(--magnetic-travel-x,10000px)), var(--mx,0px), var(--magnetic-travel-x,10000px)), var(--my,0px), 0) scale(var(--sx,1), var(--sy,1))}.fx-3d{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sx,1), var(--sy,1));transform-style:preserve-3d}.has-ripple{isolation:isolate;overflow:hidden}.ripple{pointer-events:none;opacity:.9;animation:ripple-out .65s var(--ease-soft) forwards;z-index:0;border-radius:50%;position:absolute;transform:scale(0)}@keyframes ripple-out{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}.fx,.fx-3d{transform:none}}