.btn-container{display:flex;flex-wrap:wrap;justify-content:space-around}.btn{width:6.4rem;line-height:6.4rem;background:#fff;border-radius:50%;text-align:center;margin:1.6rem;font-size:.8rem;border:none;padding:0;position:relative;outline:none}.btn--shockwave.is-active{animation:shockwaveJump 1s ease-out infinite}.btn--shockwave.is-active:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;animation:shockwave 1s .65s ease-out infinite}.btn--shockwave.is-active:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;animation:shockwave 1s .5s ease-out infinite}@keyframes shockwaveJump{0%{transform:scale(1)}40%{transform:scale(1.08)}50%{transform:scale(.98)}55%{transform:scale(1.02)}60%{transform:scale(.98)}100%{transform:scale(1)}}@keyframes shockwave{0%{transform:scale(1);box-shadow:0 0 2px rgba(0,0,0,.15),inset 0 0 1px rgba(0,0,0,.15)}95%{box-shadow:0 0 50px rgba(0,0,0,0),inset 0 0 30px rgba(0,0,0,0)}100%{transform:scale(2.25)}}.btn--jump.is-active{animation:.4s jump ease infinite alternate}@keyframes jump{0%{transform:scale(1);box-shadow:0 1px 2px rgba(0,0,0,.15)}100%{transform:scale(1.05);box-shadow:0 4px 20px rgba(0,0,0,.1)}}.btn--pulse.is-active{background:transparent}.btn--pulse.is-active:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;background:#fff;animation:pulse 1s ease infinite alternate;z-index:-1;aspect-ratio:1;opacity:.8;border:4px solid #ff00c8;box-shadow:0 0 2px 3px #B3F6D9;box-shadow:1px 1px 0 #A2E6C9,0 0 20px 5px #C0FFE4,inset 2px 2px 0 #D3FFEC;-webkit-animation:pulse .3s ease infinite alternate}@keyframes pulse{0%{transform:scale(1);border-radius:50%}100%{transform:scale(1.05);border-radius:45%}}.btn--blink.is-active{background:transparent}.btn--blink.is-active:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;background:#fff;animation:blink 1.33s ease-out infinite;z-index:-1}@keyframes blink{0%{opacity:1}20%{opacity:.5}100%{opacity:1}}.btn--wiggle.is-active{animation:1s wiggle ease infinite}@keyframes wiggle{0%{transform:rotate(-3deg);box-shadow:0 2px 2px rgba(0,0,0,.2)}20%{transform:rotate(20deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(5deg)}90%{transform:rotate(-1deg)}100%{transform:rotate(0);box-shadow:0 2px 2px rgba(0,0,0,.2)}}.btn--wut.is-active{animation:1s fullRotation ease infinite}.btn--wut.is-active:before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;background:#fff;animation:wutBefore .8s .4s ease-out infinite;z-index:-1}.btn--wut.is-active:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:50%;background:#fff;animation:wut .8s ease-out infinite;z-index:-1}@keyframes fullRotation{0%{transform:rotate(-3deg) scale(1) translate3d(0,0,0)}20%{transform:rotate(50deg) translate3d(0,5px,0)}40%{transform:rotate(-15deg) scale(1.1) translate3d(0,8px,-5px)}60%{transform:rotate(5deg) translate3d(5px,-8px,-80px)}90%{transform:rotate(-1deg) translate3d(0,0,0)}100%{transform:rotate(0)}}@keyframes wut{0%{border-radius:50%;transform:skew(0) translate3d(0,0,0)}10%{transform:translate3d(0,-10px,0)}50%{border-radius:50%}80%{border-radius:30%;transform:translate3d(20,10px,20px)}100%{border-radius:50%;transform:skew(0) translate3d(0,0,0)}}@keyframes wutBefore{0%{border-radius:50%;transform:translate3d(0,0,0)}10%{transform:translate3d(-10px,10px,0)}70%{border-radius:50%}80%{border-radius:30%;transform:translate3d(-20px,-10px,-20px)}100%{border-radius:50%;transform:translate3d(0,0,0)}}