@property --bhe-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --bhe-hue{syntax: "<number>"; initial-value: 0; inherits: false;}@property --bhe-scale{syntax: "<number>"; initial-value: 0; inherits: false;}@property --bhe-pos{syntax: "<percentage>"; initial-value: 0%; inherits: false;}@property --bhe-glow{syntax: "<number>"; initial-value: 0; inherits: false;}.bhe-demo{display:flex;align-items:center;justify-content:center;min-height:140px;padding:32px 20px;border-radius:6px;margin:16px 0 24px;position:relative;overflow:hidden}:where([class^=bhe-],[class*=" bhe-"]) button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;font-size:15px;font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:500;letter-spacing:.3px;cursor:pointer;border:none;background:none;color:#fff;text-decoration:none;outline:none;transition:all .35s ease;-webkit-tap-highlight-color:transparent;line-height:1.4;white-space:nowrap}.bhe-demo-1{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.bhe-1{background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#e0e6ed;box-shadow:0 4px 16px #0003;transition:all .4s cubic-bezier(.4,0,.2,1)}.bhe-1:hover{background:#ffffff29;border-color:#ffffff59;transform:translateY(-3px);box-shadow:0 12px 32px #00000059;color:#fff}.bhe-demo-2{background:linear-gradient(160deg,#1c1410,#2d1b12 60%,#3a2218)}.bhe-2{background:#c0560a;border-radius:6px;color:#fff;font-weight:600;box-shadow:0 6px #8b3d06,0 8px 20px #c0560a4d;transition:all .15s ease}.bhe-2:hover{transform:translateY(6px);box-shadow:0 0 #8b3d06,0 2px 8px #c0560a66,0 0 30px #ff8c3240}.bhe-demo-3{background:linear-gradient(135deg,#faf3e8,#f0e6d3);box-shadow:inset 0 0 40px #0000000f}.bhe-3{border:2px solid #2c2c2c;border-radius:4px;color:#2c2c2c;font-weight:600;overflow:hidden;z-index:1}.bhe-3:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2c2c2c;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;z-index:-1}.bhe-3:hover:before{width:340px;height:340px}.bhe-3:hover{color:#faf3e8;border-color:#2c2c2c}.bhe-demo-4{background:linear-gradient(145deg,#1a0a1e,#2d1233 60%,#1a0a1e)}.bhe-4{border:1px solid #9b4dca;border-radius:4px;color:#c084fc;overflow:hidden;z-index:1}.bhe-4:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7c3aed,#a855f7);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:-1}.bhe-4:hover:before{transform:scaleX(1)}.bhe-4:hover{color:#fff;border-color:#a855f7}.bhe-demo-5{background:radial-gradient(ellipse at center,#111,#0c0c0c)}.bhe-5{color:#b8b8b8;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#ffffff05}.bhe-5:before,.bhe-5:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #666;transition:all .4s cubic-bezier(.4,0,.2,1)}.bhe-5:before{top:4px;left:4px;border-right:none;border-bottom:none}.bhe-5:after{bottom:4px;right:4px;border-left:none;border-top:none}.bhe-5:hover:before,.bhe-5:hover:after{width:calc(100% - 8px);height:calc(100% - 8px);border-color:#0f8}.bhe-5:hover{color:#0f8;border-color:transparent;background:transparent;text-shadow:0 0 8px rgba(0,255,136,.3)}.bhe-demo-6{background:linear-gradient(160deg,#0a192f,#0d2137)}.bhe-6{border:2px solid #64ffda;border-radius:50px;color:#64ffda;background:#64ffda0a;transition:all .3s ease}.bhe-6:hover{animation:bhe-pulse6 1.4s ease-out infinite;background:#64ffda1a;box-shadow:0 0 24px #64ffda33;color:#fff;text-shadow:0 0 8px rgba(100,255,218,.4)}@keyframes bhe-pulse6{0%{box-shadow:0 0 #64ffda80}70%{box-shadow:0 0 0 18px #64ffda00}to{box-shadow:0 0 #64ffda00}}.bhe-demo-7{background:linear-gradient(135deg,#4a0e0e,#6b1a1a)}.bhe-7{background:#e63946;border-radius:4px;color:#fff;overflow:hidden}.bhe-7 span{display:inline-block;transition:transform .35s ease,opacity .35s ease}.bhe-7:after{content:attr(data-hover);position:absolute;left:50%;top:50%;transform:translate(-50%,80%);opacity:0;transition:transform .35s ease,opacity .35s ease;white-space:nowrap}.bhe-7:hover span{transform:translateY(-130%);opacity:0}.bhe-7:hover:after{transform:translate(-50%,-50%);opacity:1}.bhe-demo-8{background:linear-gradient(180deg,#1b2838,#1e3044)}.bhe-8{color:#8ec5fc;padding:16px 36px;border-left:1px solid rgba(142,197,252,.15);border-right:1px solid rgba(142,197,252,.15);transition:all .4s ease}.bhe-8:before,.bhe-8:after{content:"";position:absolute;left:50%;transform:translate(-50%);height:2px;width:0;background:#8ec5fc;transition:width .4s ease}.bhe-8:before{top:0}.bhe-8:after{bottom:0}.bhe-8:hover:before,.bhe-8:hover:after{width:100%}.bhe-8:hover{color:#fff;border-left-color:#8ec5fc66;border-right-color:#8ec5fc66;text-shadow:0 0 10px rgba(142,197,252,.3)}.bhe-demo-9{background:#e8e0d4}.bhe-9{background:#2c2c2c;border-radius:6px;color:#e8e0d4;font-weight:600;border:2px solid #2c2c2c;transition:all .3s cubic-bezier(.4,0,.2,1)}.bhe-9:hover{background:#e8e0d4;color:#2c2c2c;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.bhe-demo-10{background:linear-gradient(145deg,#f5ebe0,#ede0d0);box-shadow:inset 0 0 30px #0000000a}.bhe-10{background:#fff;border:2px solid #333;color:#333;font-weight:600;box-shadow:5px 5px #333;transition:all .15s ease}.bhe-10:hover{box-shadow:0 0 #333;transform:translate(5px,5px)}.bhe-demo-11{background:linear-gradient(135deg,#0d0d1a,#141428)}.bhe-11{color:#e0e0e0;border-radius:8px;z-index:1;background:#141428;padding:14px 38px;--bhe-angle: 0deg}.bhe-11:before{content:"";position:absolute;inset:-2px;border-radius:10px;background:conic-gradient(from var(--bhe-angle),#ff006e,#fb5607,#ffbe0b,#8338ec,#3a86ff,#ff006e);z-index:-2;opacity:0;transition:opacity .3s ease}.bhe-11:after{content:"";position:absolute;inset:2px;border-radius:6px;background:#141428;z-index:-1}.bhe-11:hover:before{opacity:1;animation:bhe-aurora-spin 2s linear infinite}@keyframes bhe-aurora-spin{to{--bhe-angle: 360deg}}.bhe-demo-12{background:#050510}.bhe-12{border:1px solid #0ff;color:#0ff;border-radius:4px;text-shadow:0 0 6px rgba(0,255,255,.4);box-shadow:0 0 8px #00ffff26;animation:bhe-neon-breathe12 3s ease-in-out infinite;transition:all .3s ease}@keyframes bhe-neon-breathe12{0%,to{box-shadow:0 0 8px #00ffff26}50%{box-shadow:0 0 14px #00ffff40}}.bhe-12:hover{animation:none;box-shadow:0 0 10px #0ff9,0 0 40px #00ffff4d,0 0 80px #00ffff1a,inset 0 0 20px #00ffff14;text-shadow:0 0 8px #0ff,0 0 20px rgba(0,255,255,.5);border-color:#0ff;color:#fff}.bhe-demo-13{background:linear-gradient(135deg,#0a0a12,#120a18)}.bhe-13{background:transparent;border:1px solid #ff2a6d;color:#ff2a6d;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);padding:14px 44px;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600;z-index:1;transition:all .3s ease}.bhe-13:before{content:"";position:absolute;inset:0;background:#ff2a6d;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.bhe-13:hover:before{opacity:1}.bhe-13:hover{color:#fff;box-shadow:0 0 30px #ff2a6d4d;text-shadow:0 0 6px rgba(255,255,255,.4)}.bhe-demo-14{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px),#0e0e0e}.bhe-14{background:#1a1a2e;border:1px solid #e94560;color:#e94560;font-family:Courier New,monospace;letter-spacing:1px}.bhe-14:hover{animation:bhe-glitch14 .3s steps(2) infinite}@keyframes bhe-glitch14{0%{transform:translate(0);text-shadow:none}20%{transform:translate(-3px,2px);text-shadow:3px 0 #00f0ff,-3px 0 #e94560}40%{transform:translate(3px,-2px);text-shadow:-2px 0 #e94560,2px 0 #00f0ff}60%{transform:translate(-1px,-1px);text-shadow:1px 0 #00f0ff,-1px 0 #e94560}80%{transform:translate(2px,1px);text-shadow:-3px 0 #e94560,3px 0 #00f0ff}to{transform:translate(0);text-shadow:none}}.bhe-demo-15{background:linear-gradient(160deg,#1a2332,#0f1923)}.bhe-15{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-weight:500;transition:border-radius .6s cubic-bezier(.4,0,.2,1),transform .4s ease,box-shadow .4s ease}.bhe-15:hover{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:scale(1.05) rotate(-2deg);box-shadow:0 10px 40px #764ba266}.bhe-demo-16{background:linear-gradient(145deg,#0f0f1a,#1a1a30)}.bhe-16{--bhe-hue: 0;background:hsl(calc(var(--bhe-hue) + 280),70%,55%);border-radius:6px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3);transition:--bhe-hue 0s,transform .3s ease}.bhe-16:hover{animation:bhe-prismatic16 2.5s linear infinite;transform:scale(1.04)}@keyframes bhe-prismatic16{to{--bhe-hue: 360}}@supports not (background: hsl(280,70%,55%)){.bhe-16{background:#a855f7}.bhe-16:hover{animation:bhe-prismatic16-fallback 2.5s linear infinite}@keyframes bhe-prismatic16-fallback{to{filter:hue-rotate(360deg)}}}.bhe-demo-17{background:linear-gradient(135deg,#0d1117,#161b22)}.bhe-17{background:#21262d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#c9d1d9;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .3s ease,border-color .3s ease}.bhe-17:hover{border-color:#88c6ff4d;box-shadow:0 0 20px #88c6ff14,inset 0 0 20px #88c6ff08;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(136,198,255,.12) 0%,transparent 60%) #21262d;color:#fff}.bhe-demo-18{background:#050a05;border:1px solid rgba(0,255,65,.08)}.bhe-18{background:#00ff410d;border:1px solid rgba(0,255,65,.3);color:#00ff41;font-family:Courier New,monospace;letter-spacing:1.5px;font-size:13px;text-transform:uppercase;overflow:hidden;z-index:1}.bhe-18:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:linear-gradient(transparent 30%,rgba(0,255,65,.2) 50%,transparent 70%);z-index:-1}.bhe-18:hover:after{animation:bhe-scan18 1.2s ease-in-out infinite}.bhe-18:hover{border-color:#00ff41;text-shadow:0 0 8px rgba(0,255,65,.6);box-shadow:0 0 20px #00ff411a}@keyframes bhe-scan18{0%{top:-100%}to{top:200%}}.bhe-demo-19{background:linear-gradient(135deg,#1a1a2e,#16213e)}.bhe-19{background:linear-gradient(135deg,#eb47eb,#47b4eb,#ebeb47,#47eb47,#eb47eb);background-size:400% 400%;border-radius:8px;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4);transition:transform .3s ease}.bhe-19:hover{animation:bhe-holo19 3s ease infinite;transform:scale(1.03);box-shadow:0 8px 32px #9664ff40}@keyframes bhe-holo19{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bhe-demo-20{background:linear-gradient(145deg,#1c1c28,#2a1f3d)}.bhe-20{background:linear-gradient(135deg,#f72585,#b5179e);color:#fff;font-weight:600;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:130px;height:130px;padding:0;font-size:13px;border-radius:0;transition:clip-path .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bhe-20:hover{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);box-shadow:0 8px 30px #f725854d}.bhe-demo-21{background:#0a0a14}.bhe-21{--bhe-angle: 0deg;background:conic-gradient(from var(--bhe-angle),transparent 0%,rgba(255,200,50,.2) 10%,transparent 20%),#1a1a2a;border:1px solid rgba(255,200,50,.2);border-radius:6px;color:#ffc832;transition:--bhe-angle 0s,border-color .3s,color .3s}.bhe-21:hover{animation:bhe-conic21 2s linear infinite;border-color:#ffc83280;color:#fff;box-shadow:0 0 30px #ffc8321a}@keyframes bhe-conic21{to{--bhe-angle: 360deg}}.bhe-demo-22{background:linear-gradient(135deg,#f5e6d3,#e8d5c0)}.bhe-22{background:#c1440e;color:#fed;border-radius:6px;outline:2px dashed transparent;outline-offset:-8px;transition:outline-color .3s ease,outline-offset .3s ease,box-shadow .3s ease,transform .3s ease}.bhe-22:hover{outline-color:#fedc;outline-offset:-5px;box-shadow:0 4px 16px #c1440e66;transform:translateY(-2px);animation:bhe-stitch22 1.5s ease-in-out infinite}@keyframes bhe-stitch22{0%,to{outline-offset:-5px}50%{outline-offset:-7px}}.bhe-demo-23{background:linear-gradient(180deg,#141414,#1a1a1a)}.bhe-23{background:#fff;color:#141414;font-weight:700;border-radius:4px;transition:all .2s ease}.bhe-23:hover{background:#fff;box-shadow:0 2px #ffffffb3,0 5px #ffffff80,0 9px #ffffff4d,0 14px #ffffff26,0 20px #ffffff0f,0 14px 30px #ffffff1f;transform:translateY(-5px);color:#000}.bhe-demo-24{background:linear-gradient(145deg,#172030,#1e2d42)}.bhe-24{border:1px solid rgba(255,255,255,.22);background:#ffffff08;color:#ccd6e0;overflow:hidden;z-index:1}.bhe-24:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#4a90d9 0px,#4a90d9 3px,transparent 3px,transparent 8px);opacity:0;transition:opacity .4s ease;z-index:-1}.bhe-24:hover:before{opacity:1}.bhe-24:hover{border-color:#4a90d9;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.bhe-demo-25{background:#ffe14d}.bhe-25{background:#000;border:3px solid #000;color:#ffe14d;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}.bhe-25:hover{animation:bhe-shake25 .4s steps(4) infinite;background:#ffe14d;color:#000}@keyframes bhe-shake25{0%{transform:translate(0)}25%{transform:translate(-4px,3px) rotate(-1deg)}50%{transform:translate(4px,-2px) rotate(1deg)}75%{transform:translate(-2px,-3px) rotate(-.5deg)}to{transform:translate(0)}}.bhe-demo-26{background:linear-gradient(135deg,#090920,#0f0f30);perspective:800px}.bhe-26{background:linear-gradient(135deg,#3a0ca3,#4361ee);border-radius:6px;color:#fff;font-weight:500;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease;text-shadow:0 1px 3px rgba(0,0,0,.3)}.bhe-26:hover{transform:perspective(600px) rotateY(-10deg) scale(1.08);box-shadow:12px 6px 30px #4361ee59}.bhe-demo-27{background:#d5ccbe;box-shadow:inset 0 0 30px #0000000d}.bhe-27{background:#4a7c59;color:#e8f5e9;border-radius:0;overflow:visible;transition:box-shadow .4s ease,background .4s ease;font-weight:500;z-index:1}.bhe-27:before,.bhe-27:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;transition:width .4s ease,height .4s ease}.bhe-27:before{background:#d5ccbe;z-index:3}.bhe-27:after{background:linear-gradient(135deg,#2e5038 50%,#1e3525);z-index:2}.bhe-27:hover{box-shadow:-4px 4px 12px #00000040;background:#3d6b4c}.bhe-27:hover:before{width:22px;height:22px;clip-path:polygon(100% 0,0 100%,100% 100%)}.bhe-27:hover:after{width:22px;height:22px;clip-path:polygon(0 0,100% 0,0 100%)}.bhe-demo-28{background:#101018}.bhe-28{background:#ffffff08;color:#e0e0e0;border-radius:6px;box-shadow:inset 0 0 0 2px #ffffff59;transition:all .3s ease}.bhe-28:hover{background:#ffffff0f;box-shadow:inset 0 0 0 2px #ffffffb3,4px 4px #ff323299,-4px -4px #3264ff99;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.2)}.bhe-demo-29{background:linear-gradient(160deg,#1a0a2e,#0f0620)}.bhe-29{background:#a855f726;border:1px solid rgba(168,85,247,.4);border-radius:6px;color:#c084fc;z-index:1}.bhe-29:before,.bhe-29:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#a855f7;opacity:0;z-index:-1;box-shadow:0 0 6px #a855f799}.bhe-29:before{top:50%;left:20%}.bhe-29:after{top:35%;right:20%}.bhe-29:hover:before{animation:bhe-particle29a .85s ease-out forwards}.bhe-29:hover:after{animation:bhe-particle29b .85s ease-out .08s forwards}.bhe-29:hover{background:#a855f74d;border-color:#a855f7;color:#fff;box-shadow:0 0 24px #a855f740}@keyframes bhe-particle29a{0%{transform:translate(0) scale(1);opacity:1}50%{opacity:.8}to{transform:translate(-40px,-48px) scale(0);opacity:0}}@keyframes bhe-particle29b{0%{transform:translate(0) scale(1);opacity:1}50%{opacity:.8}to{transform:translate(40px,-44px) scale(0);opacity:0}}.bhe-demo-30{background:#060612}.bhe-30{--bhe-scale: 0;background:radial-gradient(circle at center,rgba(255,100,50,calc(var(--bhe-scale) * .4)) 0%,rgba(255,50,80,calc(var(--bhe-scale) * .2)) 40%,transparent 70%),#1a1020;border:1px solid rgba(255,100,50,.3);border-radius:50px;color:#ffb088;transition:--bhe-scale .5s ease,box-shadow .5s ease,color .3s ease,border-color .3s ease}.bhe-30:hover{--bhe-scale: 1;box-shadow:0 0 20px #ff64324d,0 0 60px #ff325026;color:#fff;border-color:#ff643299}.bhe-demo-31{background:linear-gradient(160deg,#1a0520,#2d0a3e)}.bhe-31{background:#6b21a8;border-radius:50px;color:#e9d5ff;font-weight:600;z-index:1;transition:color .4s ease,box-shadow .4s ease}.bhe-31:before{content:"";position:absolute;inset:0;border-radius:50px;background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);opacity:0;transition:opacity .4s ease;z-index:-1;animation:bhe-lava31 4s ease-in-out infinite}.bhe-31:hover:before{opacity:1}.bhe-31:hover{color:#fff;box-shadow:0 8px 40px #8b5cf666}@keyframes bhe-lava31{0%{border-radius:50px}25%{border-radius:40% 60% 60% 40%/60% 40%}50%{border-radius:60% 40% 40% 60%/40% 60%}75%{border-radius:40% 60% 50% 50%/50% 50% 60% 40%}to{border-radius:50px}}.bhe-demo-32{background:linear-gradient(180deg,#0c1929,#162d50)}.bhe-32{background:#93c5fd14;border:2px solid rgba(147,197,253,.3);border-radius:8px;color:#93c5fd;transition:all .5s cubic-bezier(.4,0,.2,1)}.bhe-32:hover{background:#93c5fd26;border-color:#fff;color:#fff;box-shadow:0 0 15px #93c5fd66,0 0 40px #93c5fd33,inset 0 0 15px #c8dcff1a;text-shadow:0 0 8px rgba(200,230,255,.6);letter-spacing:2px}.bhe-demo-33{background:#0a0f0a}.bhe-33{background:#22c55e0f;border:1px solid rgba(34,197,94,.25);color:#4ade80;font-family:Courier New,monospace;font-size:13px;letter-spacing:1px;text-transform:uppercase}.bhe-33:before,.bhe-33:after{content:"";position:absolute;background:#22c55e;transition:all .4s cubic-bezier(.4,0,.2,1)}.bhe-33:before{top:0;left:0;width:0;height:2px}.bhe-33:after{bottom:0;right:0;width:0;height:2px}.bhe-33:hover:before{width:100%;box-shadow:0 0 8px #22c55e99}.bhe-33:hover:after{width:100%;box-shadow:0 0 8px #22c55e99}.bhe-33:hover{border-color:#22c55e;color:#fff;background:#22c55e1f;box-shadow:0 0 20px #22c55e26}.bhe-demo-34{background:radial-gradient(ellipse at center,#1a1020,#0a0610)}.bhe-34{background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50px;color:#fff;font-weight:600;z-index:1;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:box-shadow .5s ease}.bhe-34:after{content:"";position:absolute;inset:0;border-radius:50px;background:#0a0610;transform:scale(1);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:-1}.bhe-34:hover:after{transform:scale(0)}.bhe-34:hover{box-shadow:0 0 30px #f59e0b80,0 0 60px #ef44444d}.bhe-demo-35{background:linear-gradient(145deg,#f7f3ee,#ebe5db);box-shadow:inset 0 0 30px #0000000d}.bhe-35{background:#1a1a1a;color:#f7f3ee;border-radius:2px;font-family:Courier New,monospace;font-weight:700;letter-spacing:6px;text-transform:uppercase;font-size:13px;border:2px solid #1a1a1a;transition:all .15s cubic-bezier(.4,0,.2,1)}.bhe-35:hover{letter-spacing:1px;background:#f7f3ee;color:#1a1a1a;transform:scale(.97);box-shadow:inset 0 2px 4px #00000026}.bhe-demo-36{background:linear-gradient(180deg,#1e1b2e,#13111c)}.bhe-36{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:10px;color:#fff;font-weight:600;box-shadow:0 4px #4338ca,0 6px 16px #6366f140;transition:all .3s cubic-bezier(.4,0,.2,1)}.bhe-36:hover{transform:translateY(4px) scale(.98);box-shadow:0 0 #4338ca,0 2px 40px #6366f180;border-radius:14px;background:linear-gradient(180deg,#6366f1,#4f46e5)}.bhe-demo-37{background:linear-gradient(180deg,#1a1008,#0f0a04)}.bhe-37{background:transparent;border:2px solid rgba(251,146,60,.3);border-radius:4px;color:#fb923c80;font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:14px;transition:all .1s ease}.bhe-37:hover{animation:bhe-flicker37 .15s ease-in-out 2,bhe-glow37 .3s ease .3s forwards}@keyframes bhe-flicker37{0%,to{color:#fb923c80;border-color:#fb923c4d;text-shadow:none;box-shadow:none}50%{color:#fb923c;border-color:#fb923c;text-shadow:0 0 10px #fb923c,0 0 30px rgba(251,146,60,.5);box-shadow:0 0 10px #fb923c4d,inset 0 0 10px #fb923c0d}}@keyframes bhe-glow37{to{color:#fff;border-color:#fb923c;text-shadow:0 0 10px #fb923c,0 0 40px rgba(251,146,60,.6),0 0 80px rgba(251,146,60,.3);box-shadow:0 0 15px #fb923c66,0 0 50px #fb923c26,inset 0 0 15px #fb923c0f}}.bhe-demo-38{background:#f0f0f0}.bhe-38{background:#1a1a2e;border:2px solid #1a1a2e;border-radius:6px;color:#f0f0f0;font-weight:600;overflow:hidden;z-index:1;transition:all .4s ease}.bhe-38:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.9) 52%,transparent 70%);z-index:1}.bhe-38:hover:before{animation:bhe-xray38 .8s ease-in-out forwards}.bhe-38:hover{background:#f0f0f0;color:#1a1a2e;border-color:#1a1a2e}@keyframes bhe-xray38{0%{left:-100%}to{left:100%}}.bhe-demo-39{background:linear-gradient(180deg,#1c1210,#0f0a08)}.bhe-39{background:#2a1a14;border:2px solid rgba(234,88,12,.2);border-radius:6px;color:#fdba74;font-weight:500;transition:all .5s ease}.bhe-39:hover{border-color:#ea580c;color:#fff;box-shadow:0 4px #ea580c,0 6px 20px #ea580c66,0 12px 40px #ea580c33,inset 0 -8px 16px #ea580c26;background:linear-gradient(180deg,#2a1a14,#3d1e10);text-shadow:0 0 8px rgba(234,88,12,.5)}.bhe-demo-40{background:linear-gradient(135deg,#0f0f1f,#1a1a35)}.bhe-40{background:linear-gradient(135deg,#312e81,#4338ca);border-radius:8px;color:#e0e7ff;font-weight:600;overflow:hidden;z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.bhe-40:before{content:"";position:absolute;left:50%;top:0;width:0;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(167,139,250,.3) 30%,rgba(255,255,255,.8) 50%,rgba(167,139,250,.3) 70%,transparent 100%);transform:translate(-50%);transition:width .5s cubic-bezier(.4,0,.2,1);z-index:-1}.bhe-40:hover:before{width:120%}.bhe-40:hover{color:#fde68a;box-shadow:0 0 30px #6366f166,0 0 60px #8b5cf633;transform:scale(1.05);letter-spacing:2px}.bhe-demo-41{background:linear-gradient(180deg,#1a1612,#2a211a 60%,#201810)}.bhe-41{background:repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(251,191,36,.06) 3px,rgba(251,191,36,.06) 4px),linear-gradient(180deg,#3a3028,#2a2018);background-size:4px 100%,100% 100%;border:1px solid rgba(251,146,60,.3);border-radius:6px;color:#fdba74;overflow:hidden;transition:all .4s ease;box-shadow:0 4px 12px #0000004d,inset 0 -6px 16px #fb923c0d}.bhe-41:hover{background:repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(251,191,36,.15) 3px,rgba(251,191,36,.15) 4px),linear-gradient(180deg,#4a3828,#3a2818);background-size:4px 100%,100% 100%;border-color:#fb923c;color:#fff;box-shadow:0 4px 12px #0000004d,inset 0 -10px 24px #fb923c33,0 6px 30px #fb923c40;animation:bhe-sparks41 .8s steps(3) infinite}@keyframes bhe-sparks41{0%{background-position:0 0,0 0}33%{background-position:2px -4px,0 0}66%{background-position:-1px -8px,0 0}to{background-position:1px -12px,0 0}}.bhe-demo-42{background:radial-gradient(circle 2px at 15% 20%,#ec4899 100%,transparent 100%),radial-gradient(circle 2px at 85% 30%,#14b8a6 100%,transparent 100%),radial-gradient(circle 2px at 40% 80%,#fbbf24 100%,transparent 100%),radial-gradient(circle 2px at 70% 75%,#8b5cf6 100%,transparent 100%),radial-gradient(circle 2px at 25% 60%,#3b82f6 100%,transparent 100%),radial-gradient(circle 2px at 90% 70%,#f97316 100%,transparent 100%),linear-gradient(145deg,#faf9f7,#f2f0ed)}.bhe-42{background:#fff;background-size:100% 100%;border:2px solid #e5e5e5;border-radius:10px;color:#333;font-weight:600;transition:all .35s cubic-bezier(.4,0,.2,1)}.bhe-42:hover{background:linear-gradient(135deg,#ec4899,#fbbf24,#14b8a6,#8b5cf6);background-size:400% 400%;animation:bhe-confetti42 2s ease infinite;border-color:#ec4899;color:#fff;font-weight:700;transform:scale(1.06);box-shadow:0 8px 30px #ec48994d;text-shadow:0 1px 3px rgba(0,0,0,.25)}@keyframes bhe-confetti42{0%{background-position:0% 50%;border-color:#ec4899}25%{background-position:50% 0%;border-color:#fbbf24}50%{background-position:100% 50%;border-color:#14b8a6}75%{background-position:50% 100%;border-color:#8b5cf6}to{background-position:0% 50%;border-color:#ec4899}}.bhe-demo-43{background:radial-gradient(circle 1px at 20% 30%,rgba(255,255,255,.5) 100%,transparent 100%),radial-gradient(circle 1px at 60% 20%,rgba(255,255,255,.4) 100%,transparent 100%),radial-gradient(circle 1px at 80% 60%,rgba(255,255,255,.3) 100%,transparent 100%),radial-gradient(circle 1px at 35% 75%,rgba(255,255,255,.4) 100%,transparent 100%),radial-gradient(circle 1px at 90% 85%,rgba(255,255,255,.35) 100%,transparent 100%),radial-gradient(circle 1px at 10% 90%,rgba(255,255,255,.3) 100%,transparent 100%),radial-gradient(ellipse at center,#120a20,#080410)}.bhe-43{background:#8b5cf614;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#c4b5fd;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bhe-43:hover{background:#8b5cf61f;border-color:#a78bfa80;color:#fff;animation:bhe-nebula43 2.5s ease-in-out infinite}@keyframes bhe-nebula43{0%,to{box-shadow:0 0 12px #8b5cf680,0 0 30px #3b82f64d,0 0 60px #ec489926}33%{box-shadow:0 0 18px #8b5cf6b3,0 0 40px #3b82f666,0 0 80px #ec489940}66%{box-shadow:0 0 14px #8b5cf68c,0 0 35px #3b82f659,0 0 70px #ec489933}}.bhe-cs-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:8px;background:#fff3cd;border:1px solid #ffecb5;color:#664d03;font-size:14px;line-height:1.5;margin:12px 0 8px}.bhe-cs-banner .bhe-cs-icon{font-size:22px;flex-shrink:0}@supports (corner-shape: round){.bhe-cs-banner{display:none}}.bhe-demo-44{background:radial-gradient(ellipse at 40% 50%,#1a1035,#0a0a1a)}.bhe-44{background:#0a0a1a;color:#e0d4ff;border-radius:18px;corner-shape:round;font-weight:600;padding:16px 40px;z-index:1;transition:corner-shape .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1),color .4s ease,transform .4s ease}.bhe-44:before{content:"";position:absolute;inset:-3px;border-radius:21px;corner-shape:round;background:conic-gradient(from var(--bhe-angle),#7c3aed,#ec4899,#f59e0b,#10b981,#3b82f6,#7c3aed);z-index:-2;opacity:0;transition:corner-shape .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1),opacity .4s ease}.bhe-44:after{content:"";position:absolute;inset:0;border-radius:18px;corner-shape:round;background:#0a0a1a;z-index:-1;transition:corner-shape .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1)}.bhe-44:hover{corner-shape:squircle;border-radius:26px;color:#fff;transform:scale(1.04)}.bhe-44:hover:before{corner-shape:squircle;border-radius:29px;opacity:1;animation:bhe-reactor-spin 1.8s linear infinite}.bhe-44:hover:after{corner-shape:squircle;border-radius:26px}@keyframes bhe-reactor-spin{to{--bhe-angle: 360deg}}.bhe-demo-45{background:linear-gradient(135deg,#0c0c1d,#1a1a2e)}.bhe-45{background:#00ff880f;border:1px solid rgba(0,255,136,.3);color:#0f8;border-radius:0;corner-shape:round;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px;font-size:13px;transition:corner-shape .35s ease,border-radius .35s ease,border-color .35s ease,box-shadow .35s ease,background .35s ease,color .35s ease}.bhe-45:hover{corner-shape:notch;border-radius:12px;border-color:#0f8;color:#fff;background:#00ff881f;box-shadow:0 0 12px #00ff884d,inset 0 0 12px #00ff880f}.bhe-demo-46{background:radial-gradient(circle at 50% 50%,#1a0a2e,#0a0612)}.bhe-46{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:600;border-radius:8px;corner-shape:round;z-index:1;transition:corner-shape .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s ease}.bhe-46:before{content:"";position:absolute;inset:0;border-radius:8px;corner-shape:round;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.25) 0%,transparent 60%);opacity:0;transform:scale(1.6);transition:corner-shape .5s cubic-bezier(.4,0,.2,1),border-radius .5s cubic-bezier(.4,0,.2,1),opacity .5s ease,transform .5s cubic-bezier(.4,0,.2,1);z-index:-1}.bhe-46:hover{corner-shape:scoop;border-radius:28px;transform:scale(.95);box-shadow:0 0 30px #7c3aed66,inset 0 0 20px #0000004d}.bhe-46:hover:before{corner-shape:scoop;border-radius:28px;opacity:1;transform:scale(.4)}.bhe-demo-47{background:linear-gradient(145deg,#f5f5f4,#e7e5e4);box-shadow:inset 0 0 30px #0000000a}.bhe-47{background:#18181b;color:#fafafa;font-weight:600;letter-spacing:.5px;border-radius:4px;corner-shape:round;transition:corner-shape .4s ease,border-radius .4s ease,transform .3s ease,box-shadow .3s ease,letter-spacing .3s ease}.bhe-47:hover{corner-shape:bevel;border-radius:14px;transform:translateY(-2px);letter-spacing:2px;box-shadow:0 8px 24px #0003}@media(max-width:640px){.bhe-demo{min-height:120px;padding:24px 16px}[class^=bhe-] button,[class*=" bhe-"] button{padding:12px 24px;font-size:13px}.bhe-20{width:110px;height:110px;font-size:12px}}