.btn{position:relative;display:flex;width:-moz-fit-content;width:fit-content;transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;gap:.5rem;overflow:hidden;border-radius:.125rem;padding:1rem 1.5rem;font-weight:700;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.btn:hover{--tw-translate-y: -.25rem;--tw-rotate: 1deg;--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.neon-pulse{overflow:visible}.neon-pulse:before,.neon-pulse:after{content:""!important;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:inherit;position:absolute;border-width:2px;--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity));opacity:0;animation:pulseOut 2s ease-out infinite}.btn:hover:after{opacity:.1}.btn:hover{--tw-translate-y: -.125rem;--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn:active{--tw-translate-y: .125rem;--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms;box-shadow:inset 0 2px 4px #0000000f}.btn-sm{padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600}.btn-lg{border-radius:1rem;padding:1rem 2rem;font-size:1.25rem;line-height:1.75rem;font-weight:900}.btn-success,.btn-plus{border-style:none;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #2563eb var(--tw-gradient-to-position);box-shadow:0 4px 15px -3px #9333ea4d}.btn-success:hover,.btn-plus:hover{box-shadow:0 10px 25px -5px #9333ea80,0 0 15px #3b82f64d}.btn-action{border-style:none;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #f43f5e var(--tw-gradient-to-position);box-shadow:0 4px 15px -3px #f973164d}.btn-action:hover{box-shadow:0 10px 25px -5px #f9731680,0 0 15px #f43f5e4d}.btn-action-border{border-width:1px;border-color:#f973164d;background-color:#ffffff0d;--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity));--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.btn-action-border:hover{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity));background-color:#f973161a}.btn-action-border:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity))}.btn-success-border{border-width:1px;border-color:#a855f74d;background-color:#ffffff0d;--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity));--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.btn-success-border:hover{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity));background-color:#a855f71a}.btn-success-border:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.btn-black{position:relative;overflow:hidden;border-width:1px;border-color:#ffffff0d;--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity));background-image:linear-gradient(135deg,#1f293766,#030712);box-shadow:0 4px 15px -3px #0009,inset 0 1px 1px #ffffff1a}.btn-black:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-image:linear-gradient(to top right,var(--tw-gradient-stops));--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: transparent var(--tw-gradient-to-position);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:1s}.btn-black:hover{border-color:#ffffff1a;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));box-shadow:0 15px 35px -10px #000c,0 0 12px #8b5cf61a}.btn-black:hover:before{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-danger{border-style:none;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #ea580c var(--tw-gradient-to-position);box-shadow:0 4px 15px -3px #dc26264d}.getDemo{margin-top:1.5rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.getDemo .download[href$=".html"]:before{content:"👁️";margin-right:.5rem;font-size:.875rem;line-height:1.25rem}.getDemo .download[href$=".zip"]:before,.getDemo .download[href$=".rar"]:before{content:"💾";margin-right:.5rem;font-size:.875rem;line-height:1.25rem}
