#nav-icon3{width:17px;height:17px;position:relative;transform:rotate(0deg);transition:s cubic-bezier(.6,-.28,.735,.045) ease-in-out;cursor:pointer}#nav-icon3 span{display:block;position:absolute;height:2px;width:100%;background:#ffffff;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:.4s ease-in-out}#nav-icon3 span:first-child{top:0}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}#nav-icon3 span:nth-child(4){top:14px}#nav-icon3.open span:first-child,#nav-icon3.open span:nth-child(4){top:12px;width:0;left:50%}#nav-icon3.open span:nth-child(2){transform:rotate(45deg)}#nav-icon3.open span:nth-child(3){transform:rotate(-45deg)}.bubbly-button{font-family:Helvetica,Arial,sans-serif;display:inline-block;font-size:1em;-webkit-appearance:none;appearance:none;image-rendering:optimizeQuality;backface-visibility:visible;overflow:visible;perspective:none;background-color:var(--accent);color:#fff;border-radius:8px;border:none;cursor:pointer;position:relative;transition:transform .5s ease-in,box-shadow .25s ease-in;box-shadow:0 2px 25px rgba(233,150,90,.502);transition:transform .4s ease-in,box-shadow .25s ease-in,background-color .25s ease-in;&:focus{outline:0}&:after,&:before{position:absolute;content:"";display:block;width:120%;height:100%;left:-4%;z-index:-1000;transition:all .3s ease-in-out;background-repeat:no-repeat}&:before{display:none;top:-75%;background-image:radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--accent) 20%,transparent 30%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--accent) 15%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}&:after{display:none;bottom:-75%;background-image:radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--accent) 15%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%),radial-gradient(circle,var(--accent) 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}&:active{transform:scale(.9);background-color:#db8753;transition:transform .1s ease-in,box-shadow .25s ease-in;box-shadow:0 2px 25px rgba(233,150,90,.502)}&.animate{&:before{display:block;animation:topBubbles .75s ease-in-out forwards}&:after{display:block;animation:bottomBubbles .75s ease-in-out forwards}}}#arrow-hover{width:24px;height:10px;position:relative;transform:translateX(60px);opacity:0;transition-delay:.8s;transition:all .3s cubic-bezier(.14,.59,1,1.01);margin:0;padding:0 5px;overflow:hidden}.bubbly-button:active #arrow-hover,.bubbly-button:hover #arrow-hover{opacity:1;transform:translateX(5px)}.float-labels{transition-property:top,font-size,line-height;transition-duration:.15s;pointer-events:none;transition-timing-function:linear}@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,0 0,0 0,0 0,0 0,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,0 0,0 0,0 0,0 0,0 0}}