.ButtonHoverEffectGeneratorClient-module__Nz5ysa__wrap{gap:1.75rem}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__header{gap:.4rem;max-width:680px;display:grid}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__header p{color:var(--muted-foreground)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__layout{gap:1.5rem;display:grid}@media (min-width:960px){.ButtonHoverEffectGeneratorClient-module__Nz5ysa__layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:stretch;gap:2.5rem}}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__controls{gap:1.35rem;display:grid}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__field,.ButtonHoverEffectGeneratorClient-module__Nz5ysa__fieldGroup{gap:.4rem;display:grid}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__fieldGroup{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__field label{font-size:.9rem;font-weight:600}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__field input[type=text]{border:1px solid var(--border);background:var(--card);color:inherit;border-radius:.6rem;padding:.65rem .75rem}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__field input[type=range]{width:100%}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__field input[type=color]{border:1px solid var(--border);background:var(--card);border-radius:.6rem;width:100%;height:44px;padding:0}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__selectRow{gap:.75rem;display:flex}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--card);color:inherit;border-radius:.6rem;padding:.6rem .75rem}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__hint,.ButtonHoverEffectGeneratorClient-module__Nz5ysa__value{color:var(--muted-foreground);font-size:.85rem}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__colorGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewPane{display:grid}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewSurface{background:radial-gradient(circle at top,rgba(59,130,246,.12),transparent 55%),var(--card);border:1px solid var(--border);border-radius:1.25rem;place-items:center;min-height:260px;padding:2.8rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewBackground{pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.12),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.04),transparent 45%);position:absolute;top:0;bottom:0;left:0;right:0}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewButton{border-radius:var(--btn-radius,14px);background:var(--btn-bg,#111827);color:var(--btn-text,#f9fafb);font-size:var(--btn-font-size,16px);letter-spacing:.02em;cursor:pointer;transition:transform var(--btn-duration,.32s)ease,box-shadow var(--btn-duration,.32s)ease,background var(--btn-duration,.32s)ease,color var(--btn-duration,.32s)ease;border:2px solid transparent;justify-content:center;align-items:center;gap:.65rem;padding:.85rem 1.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewButton:focus-visible{outline:3px solid color-mix(in srgb,var(--btn-accent,#3b82f6)35%,transparent);outline-offset:4px}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewButton:before,.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewButton:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__previewButton span{z-index:1;position:relative}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transition:transform var(--btn-duration,.32s)ease;display:inline-flex}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__border-wipe{border-color:color-mix(in srgb,var(--btn-accent,#3b82f6)35%,transparent)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__border-wipe:after{border:2px solid var(--btn-accent,#3b82f6);transform-origin:0;transition:transform var(--btn-duration,.32s)ease;transform:scaleX(0)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__border-wipe:hover:after{transform:scaleX(1)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__border-wipe:focus-visible:after{transform:scaleX(1)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__border-wipe:hover .ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transform:translate(6px)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__border-wipe:focus-visible .ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transform:translate(6px)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail{border:2px solid color-mix(in srgb,var(--btn-accent,#3b82f6)35%,transparent);box-shadow:0 0 0 color-mix(in srgb,var(--btn-accent,#3b82f6)0%,transparent)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:before{background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--btn-accent,#3b82f6)20%,transparent)40%,color-mix(in srgb,var(--btn-accent,#3b82f6)90%,transparent)60%,transparent 100%);filter:blur();opacity:0;width:160%;height:160%;transition:transform var(--btn-duration,.32s)ease,opacity var(--btn-duration,.32s)ease;top:50%;left:-160%;transform:translateY(-50%)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:hover:before{opacity:1;transform:translate(35%,-50%)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:focus-visible:before{opacity:1;transform:translate(35%,-50%)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:hover{box-shadow:0 12px 30px -12px color-mix(in srgb,var(--btn-accent,#3b82f6)80%,transparent)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:focus-visible{box-shadow:0 12px 30px -12px color-mix(in srgb,var(--btn-accent,#3b82f6)80%,transparent)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:hover .ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transform:translate(6px)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__glow-trail:focus-visible .ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transform:translate(6px)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__subtle-motion{border:2px solid color-mix(in srgb,var(--btn-accent,#3b82f6)30%,transparent);box-shadow:0 10px 24px -18px color-mix(in srgb,var(--btn-accent,#3b82f6)55%,transparent)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__subtle-motion:hover{box-shadow:0 18px 32px -14px color-mix(in srgb,var(--btn-accent,#3b82f6)70%,transparent);letter-spacing:.08em;transform:translateY(-4px)scale(1.01)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__subtle-motion:focus-visible{box-shadow:0 18px 32px -14px color-mix(in srgb,var(--btn-accent,#3b82f6)70%,transparent);letter-spacing:.08em;transform:translateY(-4px)scale(1.01)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__subtle-motion:hover .ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transform:translate(8px)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__subtle-motion:focus-visible .ButtonHoverEffectGeneratorClient-module__Nz5ysa__arrow{transform:translate(8px)}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__output{gap:.9rem;display:grid}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__outputHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__actions{flex-wrap:wrap;gap:.5rem;display:flex}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__code{border:1px solid var(--border);background:var(--code-bg,rgba(15,23,42,.65));max-height:360px;color:var(--code-fg,#e2e8f0);border-radius:.9rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6;overflow:auto}.ButtonHoverEffectGeneratorClient-module__Nz5ysa__code code{white-space:pre}