:root{--confetti-color-main:#10b981;--confetti-color-light:#34d399;--confetti-color-dark:#047857;--confetti-color-mid:#059669;--confetti-shadow:rgba(16,185,129,0.5);--confetti-active-shadow:rgba(4,120,87,0.2)}.confetti-button{font-family:Helvetica,Arial,sans-serif;display:inline-block;font-size:1em;margin-top:100px;margin-bottom:60px;background-color:var(--confetti-color-main);color:#fff;border-radius:4px;border:none;cursor:pointer;position:relative;transition:transform .1s ease-in,box-shadow .25s ease-in;box-shadow:0 2px 25px var(--confetti-shadow)}.confetti-button:focus{outline:0}.confetti-button:after,.confetti-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all .5s ease-in-out;background-repeat:no-repeat}.confetti-button:before{display:none;top:-75%;background-image:radial-gradient(circle,var(--confetti-color-main) 20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--confetti-color-main) 20%,transparent 30%),radial-gradient(circle,var(--confetti-color-light) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-dark) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--confetti-color-main) 15%,transparent 20%),radial-gradient(circle,var(--confetti-color-mid) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-light) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-dark) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-main) 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}.confetti-button:after{display:none;bottom:-75%;background-image:radial-gradient(circle,var(--confetti-color-main) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-light) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--confetti-color-mid) 15%,transparent 20%),radial-gradient(circle,var(--confetti-color-dark) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-main) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-light) 20%,transparent 20%),radial-gradient(circle,var(--confetti-color-dark) 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}.confetti-button:active{transform:scale(.9);background-color:var(--confetti-color-dark);box-shadow:0 2px 25px var(--confetti-active-shadow)}.confetti-button.animate:before{display:block;animation:topBubbles .75s ease-in-out forwards}.confetti-button.animate:after{display:block;animation:bottomBubbles .75s ease-in-out forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0}}