#Container{--button-width:clamp(16rem,70vw,20rem);--button-hight:3.5rem;--animation-duration:700ms;--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;position:relative;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.fx{content:"";background-repeat:no-repeat;position:absolute;height:100%;left:50%;transform:translateX(-50%);width:120%;filter:blur(.1rem);pointer-events:none}#buttonHand:hover{transform:translateX(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(1turn);background-color:#d5dbe1;box-shadow:inset 0 -.1rem .2rem #d5dbe1,inset 0 -.1rem .2rem #d5dbe1,inset 0 .7rem .6rem #ffffff,inset 0 .8rem .3rem #d5dbe1,inset 0 -.1rem .7rem .05rem var(--orange-500)}#checkbox:checked~#buttonOutBorder #button{background-color:var(--orange-500);box-shadow:inset 0 .5rem .5rem #00000033,inset 0 .5rem .5rem var(--orange-500),inset .5rem 1rem .7rem #ffffff99,inset 0 -.2rem 1rem #ffffff99,0 1rem 2rem #00000033}#checkbox:checked~#buttonOutBorder .bottom{transform:scale(-1) translateY(-170%) translateX(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%);background-size:15% 15%,25% 25%,20% 20%,25% 25%,18% 18%,18% 18%,15% 15%,22% 22%,15% 15%,25% 25%,20% 20%;background-position:50% 125%;animation:bubblesAnimation var(--animation-duration) ease .4s;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;background-color:#d5dbe1;padding:.1rem;box-shadow:inset 0 .5rem .5rem #00000033,inset 0 .5rem .5rem hsla(var(--primary)/0),inset .5rem 1rem .7rem #ffffff99,inset 0 -.2rem 1rem #ffffffaa;width:var(--button-width);display:flex;align-items:center}#button,#buttonOutBorder{transition:all var(--animation-duration) ease .3s;position:relative;border-radius:var(--button-hight)}#buttonOutBorder{box-shadow:0 1rem 2rem #00000033;z-index:1}#buttonOutBorder:after{background:rgba(213,219,225,.5);box-shadow:inset .5rem -1rem .7rem #ffffff99;backdrop-filter:blur(.1rem);transition:all var(--animation-duration) ease .3s;z-index:2}#buttonOutBorder:after,#buttonOutBorder:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.2rem;width:100%;height:100%;border-radius:var(--button-hight)}#buttonOutBorder:before{z-index:0;filter:blur(.25);transition:all calc(var(--animation-duration)) ease .3s}#buttonHand{transition:all var(--animation-duration) cubic-bezier(.19,1,.22,1);transform:translateX(0) rotate(0);background-color:#d5dbe1;display:flex;justify-content:center;align-items:center;width:calc(var(--button-width) * .2);height:var(--button-hight);border-radius:50%;margin:.3rem .3rem .3rem .2rem;box-shadow:inset 2px 5px 5px -2px #00000033,inset 0 .7rem .6rem #ffffff,inset -.01rem -.1rem 0 #ffffff99,2px 5px 5px 0 #00000011;overflow:hidden;cursor:grab;flex-shrink:0}#buttonHand:active{cursor:grabbing}#buttonHand .svg{transform:scale(1.2)}#buttonHand:before{content:"";position:absolute;top:-90%;left:-210%;width:200%;height:200%;opacity:0;transform:rotate(30deg);background:rgba(255,255,255,.13);background:linear-gradient(90deg,rgba(255,255,255,.13) 0,rgba(255,255,255,.13) 77%,rgba(255,255,255,.5) 92%,rgba(255,255,255,0))}#buttonHand:hover:before{opacity:1;top:0;left:-30%;transition-property:left,top,opacity;transition-duration:.7s,.7s,.15s;transition-timing-function:ease}#buttonText{position:absolute;left:calc(var(--button-width) * .2 + 1rem);right:1rem;text-align:center}#buttonText:before{content:"Descubra o Poder da IA";color:hsl(var(--primary));transition:all .3s ease .3s;display:block}#buttonText:after,#buttonText:before{white-space:nowrap;font-weight:600;font-size:1.1rem}#buttonText:after{content:"Confirmed";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#FFFFFF;transition:all .3s ease .1s;opacity:0}#checkbox:checked~#buttonOutBorder #button #buttonText:before{transform:translateY(100%);opacity:0}#checkbox:checked~#buttonOutBorder #button #buttonText:after{transition:all .3s ease .3s;transform:translate(-50%,-50%);opacity:1}#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:translateX(0) rotate(0)}30%{transform:translateX(-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(1turn)}}@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:translateX(-7%) translateY(10%) scaleY(.8) rotate(-3deg)}80%{transform:translateX(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%{width:75%;height:75%;opacity:1}to{width:150%;height:150%;opacity:0}}@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:after,#buttonText:before{font-size:1rem}}