#Container{--button-width:clamp(16rem,70vw,20rem);--button-hight:3.5rem;--animation-duration:.7s;--orange-100:#fde9d6;--orange-200:#fcd2ac;--orange-300:#fbbb83;--orange-400:#faa45a;--orange-500:hsl(var(--primary));--orange-600:#e67c28;--orange-700:#c76c21;--orange-800:#a75b1b;--orange-900:#8a4a14;--orange-1000:#6e3a0f;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.fx{content:"";filter:blur(.1rem);pointer-events:none;background-repeat:no-repeat;width:120%;height:100%;position:absolute;left:50%;transform:translate(-50%)}#buttonHand:hover{transform:translate(20%)}#checkbox:checked~#buttonOutBorder #button #buttonHand{animation:swipe var(--animation-duration)cubic-bezier(.19,1,.22,1)alternate;transform:translateX(calc(var(--button-width) - var(--button-hight) - .6rem))rotate(360deg);box-shadow:inset 0rem -.1rem .2rem #d5dbe1,inset 0rem -.1rem .2rem #d5dbe1,inset 0rem .7rem .6rem #fff,inset 0rem .8rem .3rem #d5dbe1,inset 0rem -.1rem .7rem .05rem var(--orange-500);background-color:#d5dbe1}#checkbox:checked~#buttonOutBorder #button{background-color:var(--orange-500);box-shadow:inset 0rem .5rem .5rem #0003,inset 0rem .5rem .5rem var(--orange-500),inset .5rem 1rem .7rem #fff9,inset 0rem -.2rem 1rem #fff9,0rem 1rem 2rem #0003}#checkbox:checked~#buttonOutBorder .bottom{transform:scale(-1)translateY(-170%)translate(40%)}#checkbox:checked~#buttonOutBorder .fx{background-image:radial-gradient(circle,var(--orange-500)10%,transparent 10%),radial-gradient(circle,var(--orange-200)15%,transparent 15%),radial-gradient(circle,var(--orange-300)22%,transparent 22%),radial-gradient(circle,var(--orange-900)10%,transparent 22%),radial-gradient(circle,var(--orange-700)15%,transparent 15%),radial-gradient(circle,var(--orange-500)20%,transparent 20%),radial-gradient(circle,var(--orange-400)22%,transparent 22%),radial-gradient(circle,var(--orange-400)10%,transparent 10%),radial-gradient(circle,var(--orange-300)22%,transparent 22%),radial-gradient(circle,var(--orange-1000)10%,transparent 10%),radial-gradient(circle,var(--orange-1000)15%,transparent 15%);animation:bubblesAnimation var(--animation-duration)ease .4s;background-position:50% 125%;background-size:15% 15%,25% 25%,20% 20%,25% 25%,18% 18%,18% 18%,15% 15%,22% 22%,15% 15%,25% 25%,20% 20%;top:-80%}#checkbox:checked~#buttonOutBorder:after{background:hsla(var(--primary)/.5);animation:swipe-border var(--animation-duration)cubic-bezier(.19,1,.22,1)alternate}#checkbox:checked~#buttonOutBorder:before{box-shadow:0 0 1rem .1rem var(--orange-500),inset 0 0 1rem .1rem var(--orange-500);animation:wave-border calc((var(--animation-duration) + .2s))ease infinite .3s}#checkbox:checked~#buttonOutBorder{box-shadow:0 0 5rem 1rem hsla(var(--primary)/.6);animation:swipe-button var(--animation-duration)cubic-bezier(.19,1,.22,1)alternate,shadow-border calc(var(--animation-duration) + .2s)ease alternate infinite .6s}#button{z-index:10;transition:all var(--animation-duration)ease .3s;box-shadow:inset 0rem .5rem .5rem #0003,inset 0rem .5rem .5rem hsla(var(--primary)/0),inset .5rem 1rem .7rem #fff9,inset 0rem -.2rem 1rem #fffa;border-radius:var(--button-hight);width:var(--button-width);background-color:#d5dbe1;align-items:center;padding:.1rem;display:flex;position:relative}#buttonOutBorder{border-radius:var(--button-hight);transition:all var(--animation-duration)ease .3s;z-index:1;position:relative;box-shadow:0 1rem 2rem #0003}#buttonOutBorder:after{content:"";border-radius:var(--button-hight);-webkit-backdrop-filter:blur(.1rem);backdrop-filter:blur(.1rem);width:100%;height:100%;transition:all var(--animation-duration)ease .3s;z-index:2;background:#d5dbe180;padding:.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset .5rem -1rem .7rem #fff9}#buttonOutBorder:before{z-index:0;content:"";filter:blur(.25px);border-radius:var(--button-hight);width:100%;height:100%;transition:all calc(var(--animation-duration))ease .3s;padding:.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#buttonHand{transition:all var(--animation-duration)cubic-bezier(.19,1,.22,1);width:calc(var(--button-width)*.2);height:var(--button-hight);cursor:grab;background-color:#d5dbe1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:.3rem .3rem .3rem .2rem;display:flex;overflow:hidden;transform:translate(0)rotate(0);box-shadow:inset 2px 5px 5px -2px #0003,inset 0 .7rem .6rem #fff,inset -.01rem -.1rem 0 #fff9,2px 5px 5px #0001}#buttonHand:active{cursor:grabbing}#buttonHand .svg{transform:scale(1.2)}#buttonHand:before{content:"";opacity:0;background:linear-gradient(90deg,#ffffff21 0% 77%,#ffffff80 92%,#fff0 100%);width:200%;height:200%;position:absolute;top:-90%;left:-210%;transform:rotate(30deg)}#buttonHand:hover:before{opacity:1;transition-property:left,top,opacity;transition-duration:.7s,.7s,.15s;transition-timing-function:ease;top:0%;left:-30%}#buttonText{left:calc(var(--button-width)*.2 + 1rem);text-align:center;position:absolute;right:1rem}#buttonText:before{content:"Descubra o Poder da IA";white-space:nowrap;color:hsl(var(--primary));font-size:1.1rem;font-weight:600;transition:all .3s .3s;display:block}#buttonText:after{content:"Confirmed";text-align:center;white-space:nowrap;color:#fff;opacity:0;font-size:1.1rem;font-weight:600;transition:all .3s .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#checkbox:checked~#buttonOutBorder #button #buttonText:before{opacity:0;transform:translateY(100%)}#checkbox:checked~#buttonOutBorder #button #buttonText:after{opacity:1;transition:all .3s .3s;transform:translate(-50%,-50%)}#checkbox{display:none}.svgLocked{display:block}.svgUnlocked{display:none}#checkbox:checked~#buttonOutBorder #button .svgUnlocked{display:block}#checkbox:checked~#buttonOutBorder #button .svgLocked{display:none}@keyframes swipe{0%{transform:translate(0)rotate(0)}30%{transform:translate(-2rem)rotate(-30deg)scaleY(.7)}80%{transform:translateX(calc(var(--button-width) - var(--button-hight) - .6rem + 1rem))rotate(390deg)scaleY(.9)}to{transform:translateX(calc(var(--button-width) - var(--button-hight) - .6rem))rotate(360deg)}}@keyframes swipe-border{0%{width:100%;transform:translate(-50%,-50%)}30%{width:105%;transform:translate(-58%,-50%)}45%{width:100%;transform:translate(-50%,-50%)}80%{width:105%;transform:translate(-48%,-50%)}to{width:100%;transform:translate(-50%,-50%)}}@keyframes swipe-button{0%{transform:none}30%{transform:translate(-7%)translateY(10%)scaleY(.8)rotate(-3deg)}80%{transform:translate(3%)translateY(-7%)scaleY(.9)rotate(2deg)}to{transform:none}}@keyframes bubblesAnimation{0%{background-position:10% 95%,15% 95%,15% 95%,20% 95%,30% 95%,30% 95%,45% 95%,65% 95%,75% 95%,10% 95%,15% 95%,15% 95%}70%{background-position:5% 85%,5% 25%,15% 45%,25% 5%,35% 35%,27% 55%,55% 55%,75% 25%,95% 35%,5% 85%,15% 45%}to{background-position:5% 75%,5% 15%,15% 35%,25% 0,35% 25%,27% 45%,55% 45%,70% 15%,95% 25%,5% 75%,15% 35%;background-size:0% 0%}}@keyframes wave-border{0%{opacity:1;width:75%;height:75%}to{opacity:0;width:150%;height:150%}}@keyframes shadow-border{0%{box-shadow:0 0 5rem 1rem hsla(var(--primary)/.6)}to{box-shadow:0 0 10rem 5rem hsla(var(--primary)/.6)}}@media (max-width:767px){#buttonText:before,#buttonText:after{font-size:1rem}}
