.vlox-magnetic{cursor:pointer;font-family:var(--font-display);letter-spacing:-.01em;border-radius:var(--radius-full);white-space:nowrap;isolation:isolate;transition:box-shadow var(--transition-normal), color var(--transition-normal), background var(--transition-normal), border-color var(--transition-normal);border:none;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.vlox-magnetic-sm{padding:10px 20px;font-size:.875rem}.vlox-magnetic-md{padding:15px 30px;font-size:.9375rem}.vlox-magnetic-lg{padding:19px 38px;font-size:1.0625rem}.magnetic-glow{z-index:-1;opacity:0;transition:opacity var(--transition-normal);background:conic-gradient(#fff0 0deg,#ffffff8c 90deg,#fff0 200deg);animation:6s linear infinite vlox-spin-slow;position:absolute;inset:-60%}.vlox-magnetic:hover .magnetic-glow{opacity:.7}.magnetic-label{z-index:1;position:relative}.magnetic-arrow{z-index:1;transition:transform var(--transition-spring);display:inline-flex;position:relative}.vlox-magnetic:hover .magnetic-arrow{transform:translate(4px)}.vlox-magnetic-primary{background:var(--gradient-brand);color:#fff;background-size:180% 180%;box-shadow:0 12px 30px #4c019f47}.vlox-magnetic-primary:hover{box-shadow:0 20px 46px #4c019f66, var(--shadow-glow-purple)}.vlox-magnetic-lime{background:var(--gradient-lime);color:#fff;box-shadow:0 12px 30px #f70e7666}.vlox-magnetic-lime:hover{box-shadow:0 20px 46px #f70e7680, var(--shadow-glow-lime)}.vlox-magnetic-glass{background:var(--glass-bg-strong);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-md)}.vlox-magnetic-glass:hover{box-shadow:var(--shadow-lg);border-color:#8602e359}.vlox-magnetic-ghost{border:1px solid var(--border-strong);color:var(--text);background:0 0}.vlox-magnetic-ghost:hover{background:var(--primary-soft);color:var(--primary-deep);border-color:#0000}.vlox-magnetic-dark{color:var(--text-on-dark);-webkit-backdrop-filter:var(--glass-blur);background:#ffffff12;border:1px solid #ffffff29}.vlox-magnetic-dark:hover{background:#ffffff21;border-color:#8602e380}