.buttoneffect .buttoneffect-color{animation:hue-rotate 10s linear infinite}.buttoneffect .button{-webkit-font-smoothing:antialiased;background-color:#222;border:none;display:inline-block;font-size:14px;text-decoration:none;user-select:none;letter-spacing:1px;padding:20px 40px;transition:all 0.1s ease-out}.buttoneffect .button--bubble{position:relative;z-index:2;color:white;background:none}.buttoneffect .button--bubble:hover+.button--bubble__effect-container{background:#44fd82}.buttoneffect .button--bubble:hover+.button--bubble__effect-container .button{background:#44fd82}.buttoneffect .button--bubble:active+.button--bubble__effect-container{transform:scale(0.95)}.buttoneffect .button--bubble__container{position:relative;display:inline-block}.buttoneffect .button--bubble__container .effect-button{position:absolute;width:50%;height:25%;top:50%;left:25%;z-index:1;transform:translateY(-50%);background:#222;transition:background 0.1s ease-out}.buttoneffect .button--bubble__effect-container{position:absolute;display:block;width:200%;height:400%;top:-150%;left:-50%;-webkit-filter:url("#goo");filter:url("#goo");transition:all 0.1s ease-out;pointer-events:none}.buttoneffect .goo{visibility:hidden;width:150px;height:150px}@keyframes hue-rotate{from{-webkit-filter:hue-rotate(0);-moz-filter:hue-rotate(0);-ms-filter:hue-rotate(0);filter:hue-rotate(0)}to{-webkit-filter:hue-rotate(360deg);-moz-filter:hue-rotate(360deg);-ms-filter:hue-rotate(360deg);filter:hue-rotate(360deg)}}