.qodex-button__container{display:flex;flex-flow:row nowrap;justify-content:center}.qodex-button__instance{position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;cursor:pointer;transform:translateZ(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__plane{display:block;width:100%;height:100%;top:0;left:0;position:absolute}.qodex-button__plane-normal{z-index:1}.qodex-button__plane-hover{z-index:3}.qodex-button__state{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box}.qodex-button__state-normal{position:relative;width:100%;height:100%;z-index:2}.qodex-button__state-hover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4}.qodex-button__icon{display:flex;justify-content:center;align-items:center}.qodex-button__instance.qodex-button__instance--icon-left .qodex-button__state{flex-direction:row}.qodex-button__instance.qodex-button__instance--icon-left .qodex-button__state .qodex-button__icon{order:1}.qodex-button__instance.qodex-button__instance--icon-left .qodex-button__state .qodex-button__label{order:2}.qodex-button__instance.qodex-button__instance--icon-top .qodex-button__state{flex-direction:column}.qodex-button__instance.qodex-button__instance--icon-top .qodex-button__state .qodex-button__icon{order:1}.qodex-button__instance.qodex-button__instance--icon-top .qodex-button__state .qodex-button__label{order:2}.qodex-button__instance.qodex-button__instance--icon-right .qodex-button__state{flex-direction:row}.qodex-button__instance.qodex-button__instance--icon-right .qodex-button__state .qodex-button__icon{order:2}.qodex-button__instance.qodex-button__instance--icon-right .qodex-button__state .qodex-button__label{order:1}.qodex-button__instance.qodex-button__instance--icon-bottom .qodex-button__state{flex-direction:column}.qodex-button__instance.qodex-button__instance--icon-bottom .qodex-button__state .qodex-button__icon{order:2}.qodex-button__instance.qodex-button__instance--icon-bottom .qodex-button__state .qodex-button__label{order:1}.qodex-button__instance.hover-effect-0 .qodex-button__plane-normal{opacity:1}.qodex-button__instance.hover-effect-0 .qodex-button__plane-hover{opacity:0}.qodex-button__instance.hover-effect-0 .qodex-button__state-normal{opacity:1}.qodex-button__instance.hover-effect-0 .qodex-button__state-hover{opacity:0}.qodex-button__instance.hover-effect-0:hover .qodex-button__plane-normal{opacity:0}.qodex-button__instance.hover-effect-0:hover .qodex-button__plane-hover{opacity:1}.qodex-button__instance.hover-effect-0:hover .qodex-button__state-normal{opacity:0}.qodex-button__instance.hover-effect-0:hover .qodex-button__state-hover{opacity:1}.qodex-button__instance.hover-effect-1 .qodex-button__plane-normal{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-1 .qodex-button__plane-hover{opacity:0;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-1 .qodex-button__state-normal .qodex-button__icon{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-1 .qodex-button__state-normal .qodex-button__label{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-1 .qodex-button__state-hover .qodex-button__icon{opacity:0;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-1 .qodex-button__state-hover .qodex-button__label{opacity:0;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-1:hover .qodex-button__plane-normal{opacity:0}.qodex-button__instance.hover-effect-1:hover .qodex-button__plane-hover{opacity:1}.qodex-button__instance.hover-effect-1:hover .qodex-button__state-normal .qodex-button__icon{opacity:0}.qodex-button__instance.hover-effect-1:hover .qodex-button__state-normal .qodex-button__label{opacity:0}.qodex-button__instance.hover-effect-1:hover .qodex-button__state-hover .qodex-button__icon{opacity:1}.qodex-button__instance.hover-effect-1:hover .qodex-button__state-hover .qodex-button__label{opacity:1}.qodex-button__instance.hover-effect-2 .qodex-button__plane-normal{transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-2 .qodex-button__plane-hover{transform:translateY(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-2 .qodex-button__state-normal{transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-2 .qodex-button__state-hover{transform:translateY(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-2:hover .qodex-button__plane-normal{transition-delay:0.1s;transform:translateY(-100%)}.qodex-button__instance.hover-effect-2:hover .qodex-button__plane-hover{transform:translateY(0%);transition-delay:0.1s}.qodex-button__instance.hover-effect-2:hover .qodex-button__state-normal{transform:translateY(-100%)}.qodex-button__instance.hover-effect-2:hover .qodex-button__state-hover{transition-delay:0.15s;transform:translateY(0%)}.qodex-button__instance.hover-effect-3 .qodex-button__plane-normal{transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-3 .qodex-button__plane-hover{transform:translateY(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-3 .qodex-button__state-normal{transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-3 .qodex-button__state-hover{transform:translateY(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-3:hover .qodex-button__plane-normal{transition-delay:0.1s;transform:translateY(100%)}.qodex-button__instance.hover-effect-3:hover .qodex-button__plane-hover{transform:translateY(0%);transition-delay:0.1s}.qodex-button__instance.hover-effect-3:hover .qodex-button__state-normal{transform:translateY(100%)}.qodex-button__instance.hover-effect-3:hover .qodex-button__state-hover{transition-delay:0.15s;transform:translateY(0%)}.qodex-button__instance.hover-effect-4 .qodex-button__plane-normal{transform:translateX(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-4 .qodex-button__plane-hover{transform:translateX(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-4 .qodex-button__state-normal{transform:translateX(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-4 .qodex-button__state-hover{transform:translateX(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-4:hover .qodex-button__plane-normal{transform:translateX(100%);transition-delay:0.1s}.qodex-button__instance.hover-effect-4:hover .qodex-button__plane-hover{transform:translateX(0)}.qodex-button__instance.hover-effect-4:hover .qodex-button__state-normal{transform:translateX(100%)}.qodex-button__instance.hover-effect-4:hover .qodex-button__state-hover{transform:translateX(0);transition-delay:0.1s}.qodex-button__instance.hover-effect-5 .qodex-button__plane-normal{transform:translateX(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-5 .qodex-button__plane-hover{transform:translateX(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-5 .qodex-button__state-normal{transform:translateX(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-5 .qodex-button__state-hover{transform:translateX(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-5:hover .qodex-button__plane-normal{transform:translateX(-100%);transition-delay:0.1s}.qodex-button__instance.hover-effect-5:hover .qodex-button__plane-hover{transform:translateX(0)}.qodex-button__instance.hover-effect-5:hover .qodex-button__state-normal{transform:translateX(-100%)}.qodex-button__instance.hover-effect-5:hover .qodex-button__state-hover{transform:translateX(0);transition-delay:0.1s}.qodex-button__instance.hover-effect-6 .qodex-button__plane-normal{opacity:1;transform:scale(1);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-6 .qodex-button__plane-hover{opacity:0;transform:scale(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-6 .qodex-button__state-normal{opacity:1;transform:scale(1);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-6 .qodex-button__state-hover{opacity:0;transform:scale(0);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-6:hover .qodex-button__plane-normal{opacity:0;transform:scale(1.5)}.qodex-button__instance.hover-effect-6:hover .qodex-button__plane-hover{opacity:1;transform:scale(1)}.qodex-button__instance.hover-effect-6:hover .qodex-button__state-normal{opacity:0;transform:scale(1.5)}.qodex-button__instance.hover-effect-6:hover .qodex-button__state-hover{opacity:1;transform:scale(1)}.qodex-button__instance.hover-effect-7 .qodex-button__plane-normal{opacity:1;transform:scale(1);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-7 .qodex-button__plane-hover{opacity:0;transform:scale(1.5);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-7 .qodex-button__state-normal{opacity:1;transform:scale(1);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-7 .qodex-button__state-hover{opacity:0;transform:scale(1.5);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-7:hover .qodex-button__plane-normal{opacity:0;transform:scale(0)}.qodex-button__instance.hover-effect-7:hover .qodex-button__plane-hover{opacity:1;transform:scale(1)}.qodex-button__instance.hover-effect-7:hover .qodex-button__state-normal{opacity:0;transform:scale(0)}.qodex-button__instance.hover-effect-7:hover .qodex-button__state-hover{opacity:1;transform:scale(1)}.qodex-button__instance.hover-effect-8 .qodex-button__plane-normal{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-8 .qodex-button__plane-hover{opacity:1;transform-origin:0 100%;transform:rotateZ(-90deg) scaleX(2);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-8 .qodex-button__state-normal{opacity:1;transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-8 .qodex-button__state-hover{opacity:0;transform-origin:0 100%;transform:rotateZ(-90deg) translateY(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-8:hover .qodex-button__plane-normal{opacity:0}.qodex-button__instance.hover-effect-8:hover .qodex-button__plane-hover{opacity:1;transform:rotateZ(0deg)}.qodex-button__instance.hover-effect-8:hover .qodex-button__state-normal{opacity:0;transform:translateY(100%)}.qodex-button__instance.hover-effect-8:hover .qodex-button__state-hover{opacity:1;transform:rotateZ(0) translateY(0);transition-delay:0.1s}.qodex-button__instance.hover-effect-9 .qodex-button__plane-normal{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-9 .qodex-button__plane-hover{opacity:1;transform-origin:100% 0;transform:rotateZ(-90deg) translateY(100%) scaleX(2);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-9 .qodex-button__state-normal{opacity:1;transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-9 .qodex-button__state-hover{opacity:0;transform-origin:100% 0;transform:rotateZ(-90deg) translateY(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-9:hover .qodex-button__plane-normal{opacity:0}.qodex-button__instance.hover-effect-9:hover .qodex-button__plane-hover{opacity:1;transform:rotateZ(0deg)}.qodex-button__instance.hover-effect-9:hover .qodex-button__state-normal{opacity:0;transform:translateY(-100%)}.qodex-button__instance.hover-effect-9:hover .qodex-button__state-hover{opacity:1;transform:rotateZ(0) translateY(0);transition-delay:0.1s}.qodex-button__instance.hover-effect-10 .qodex-button__plane-normal{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-10 .qodex-button__plane-hover{opacity:1;transform:translateX(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-10 .qodex-button__state-normal{opacity:1;transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-10 .qodex-button__state-hover{opacity:0;transform:translateX(-100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-10:hover .qodex-button__plane-normal{opacity:0}.qodex-button__instance.hover-effect-10:hover .qodex-button__plane-hover{opacity:1;transform:translateX(0)}.qodex-button__instance.hover-effect-10:hover .qodex-button__state-normal{opacity:0;transform:translateY(100%)}.qodex-button__instance.hover-effect-10:hover .qodex-button__state-hover{opacity:1;transform:translateX(0);transition-delay:0.1s}.qodex-button__instance.hover-effect-11 .qodex-button__plane-normal{opacity:1;transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-11 .qodex-button__plane-hover{opacity:1;transform:translateX(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-11 .qodex-button__state-normal{opacity:1;transform:translateY(0%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-11 .qodex-button__state-hover{opacity:0;transform:translateX(100%);transition:all 0.3s cubic-bezier(0.5,0.12,0.46,0.88)}.qodex-button__instance.hover-effect-11:hover .qodex-button__plane-normal{opacity:1}.qodex-button__instance.hover-effect-11:hover .qodex-button__plane-hover{opacity:1;transform:translateX(0)}.qodex-button__instance.hover-effect-11:hover .qodex-button__state-normal{opacity:0;transform:translateY(100%)}.qodex-button__instance.hover-effect-11:hover .qodex-button__state-hover{opacity:1;transform:translateX(0);transition-delay:0.1s}.qodex-button__instance{border-radius:4px}.qodex-button__icon{color:white;width:25px;height:25px;font-size:25px;margin:3px}.qodex-button__label{color:white;font-size:20px;line-height:20px;font-weight:600;text-align:left}.qodex-button__state{padding:10px 30px}.qodex-button__plane-normal{background-color:#6ec1e4}.qodex-button__plane-hover{background-color:#54595f}