button{align-items:center;background:var(--bg-color,#000);border:none;border-radius:var(--radius,0);color:var(--text-color,#fff);cursor:pointer;display:inline-flex;font-family:sans-serif;font-size:16px;font-weight:500;justify-content:center;margin:.5em;overflow:hidden;padding:.7em 3.5em;position:relative;transition:all var(--spd,.25s) ease}button[size=sm]{font-size:12px;padding:.5em 1.2em}button[size=md]{font-size:14px;padding:.6em 2.5em}button[size=lg]{font-size:16px;padding:1em 5.5em}button[size=xl]{font-size:18px;padding:1em 7.5em}button .dz-fill{background:var(--dz-color);height:100%;left:0;position:absolute;top:0;transition:width var(--spd,.35s) ease;width:0;z-index:-1}button[effect=fill]{background:transparent;border:2px solid var(--dz-color);color:var(--dz-color)}button[effect=fill][data-state=active],button[effect=fill][data-state=hover]{color:#fff}button[effect=fill][data-state=active] .dz-fill,button[effect=fill][data-state=hover] .dz-fill{width:100%}button[effect=slide][data-state=hover]{transform:translateX(4px)}button[effect=bounce][data-state=hover]{transform:translateY(-3px)}button[effect=fade][data-state=hover]{opacity:.6}button[effect=press][data-state=active]{transform:scale(.92)}button[effect=rotate][data-state=hover]{transform:rotate(4deg)}button[effect=glow]{box-shadow:0 0 6px hsla(0,0%,100%,0);transition:box-shadow var(--spd,.25s) ease,transform var(--spd,.25s) ease}button[effect=glow][data-state=hover]{box-shadow:0 0 18px var(--dz-color)}button[effect=glow][data-state=active]{box-shadow:0 0 12px var(--dz-color);transform:scale(.96)}@keyframes jellyAnim{0%{transform:scale(1)}25%{transform:scale(1.05,.95)}50%{transform:scale(.95,1.05)}75%{transform:scale(1.03,.97)}to{transform:scale(1)}}button[effect=jelly][data-state=hover]{animation:jellyAnim .6s ease}@keyframes pulseAnim{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}button[effect=pulse][data-state=hover]{animation:pulseAnim 1s ease-in-out infinite}button[effect=flip]{perspective:400px;transform-style:preserve-3d;transition:transform var(--spd,.5s) ease}button[effect=flip][data-state=hover]{transform:rotateY(180deg)}button[effect=zoom]{transition:transform .3s ease}