*, *:after, *::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@font-face{font-weight:normal;font-style:normal;font-family:'icomoon';src:url('../fonts/icomoon/icomoon.eot');src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon/icomoon.ttf') format('truetype'),
url('../fonts/icomoon/icomoon.woff') format('woff'),
url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');}
.progress-button{position:relative;display:inline-block;padding:0 60px;outline:none;border:none;border-radius:12px;background:#846add;color:#fff;z-index:99;text-transform:uppercase;letter-spacing:1px;font-size:1em;line-height:4;}
.progress-button[disabled],
.progress-button[disabled].state-loading{cursor:default;}
.progress-button .content{position:relative;display:block;}
.progress-button .content::before,
.progress-button .content::after{position:absolute;right:20px;color:#0e7138;font-family:"icomoon";opacity:0;-webkit-transition:opacity 0.3s 0.3s;transition:opacity 0.3s 0.3s;}
.progress-button .content::before{content:"\e600";}
.progress-button .content::after{content:"\e601";}
.progress-button.state-success .content::before,
.progress-button.state-error .content::after{opacity:1;}
.notransition{-webkit-transition:none !important;transition:none !important;}
.progress-button .progress{background:#148544;}
.progress-button .progress-inner{position:absolute;left:0;background:#0e7138;}
.progress-button[data-horizontal] .progress-inner{top:0;width:0;height:100%;-webkit-transition:width 0.3s, opacity 0.3s;transition:width 0.3s, opacity 0.3s;}
.progress-button[data-vertical] .progress-inner{bottom:0;width:100%;height:0;-webkit-transition:height 0.3s, opacity 0.3s;transition:height 0.3s, opacity 0.3s;}
.progress-button[data-perspective]{position:relative;display:inline-block;padding:0;background:transparent;-webkit-perspective:900px;perspective:900px;}
.progress-button[data-perspective] .content{padding:0 60px;background:#1d9650;}
.progress-button[data-perspective] .progress-wrap{display:block;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress{outline:1px solid rgba(0,0,0,0);}
.progress-button[data-style="fill"][data-horizontal]{overflow:hidden;}
.progress-button[data-style="fill"][data-horizontal] .content{z-index:10;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after{top:100%;right:auto;left:50%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.progress-button[data-style="fill"][data-vertical]{overflow:hidden;}
.progress-button[data-style="fill"][data-vertical] .content{z-index:10;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
.progress-button[data-style="fill"][data-vertical] .content::before,
.progress-button[data-style="fill"][data-vertical] .content::after{top:100%;right:auto;left:50%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.progress-button[data-style="fill"][data-vertical].state-success .content,
.progress-button[data-style="fill"][data-vertical].state-error .content{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.progress-button[data-style="shrink"]{overflow:hidden;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;}
.progress-button[data-style="shrink"][data-horizontal] .content{-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.progress-button[data-style="shrink"][data-horizontal] .content::before,
.progress-button[data-style="shrink"][data-horizontal] .content::after{top:100%;right:auto;left:50%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.progress-button[data-style="shrink"][data-horizontal].state-loading{-webkit-transform:scaleY(0.3);transform:scaleY(0.3);}
.progress-button[data-style="shrink"][data-horizontal].state-loading .content{opacity:0;}
.progress-button[data-style="shrink"][data-horizontal].state-success .content,
.progress-button[data-style="shrink"][data-horizontal].state-error .content{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.progress-button[data-style="shrink"][data-vertical] .content{-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.progress-button[data-style="shrink"][data-vertical] .content::before,
.progress-button[data-style="shrink"][data-vertical] .content::after{top:100%;right:auto;left:50%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.progress-button[data-style="shrink"][data-vertical].state-loading{-webkit-transform:scaleX(0.1);transform:scaleX(0.1);}
.progress-button[data-style="shrink"][data-vertical].state-loading .content{opacity:0;}
.progress-button[data-style="shrink"][data-vertical].state-success .content,
.progress-button[data-style="shrink"][data-vertical].state-error .content{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
.progress-button[data-style="rotate-angle-bottom"] .progress{position:absolute;top:100%;left:0;width:100%;height:20px;box-shadow:0 -1px 0 #148544;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
.progress-button[data-style="rotate-angle-bottom"].state-loading .progress-wrap{-webkit-transform:rotateX(45deg);transform:rotateX(45deg);}
.progress-button[data-style="rotate-angle-top"] .progress{position:absolute;bottom:100%;left:0;width:100%;height:20px;box-shadow:0 1px 0 #148544;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.progress-button[data-style="rotate-angle-top"].state-loading .progress-wrap{-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg);}
.progress-button[data-style="rotate-angle-left"] .progress{position:absolute;top:0;right:100%;width:20px;height:100%;box-shadow:1px 0 0 #148544;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:100% 50%;transform-origin:100% 50%;}
.progress-button[data-style="rotate-angle-left"].state-loading .progress-wrap{-webkit-transform:rotateY(45deg);transform:rotateY(45deg);}
.progress-button[data-style="rotate-angle-right"] .progress{position:absolute;top:0;left:100%;width:20px;height:100%;box-shadow:-1px 0 0 #148544;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0% 50%;transform-origin:0% 50%;}
.progress-button[data-style="rotate-angle-right"].state-loading .progress-wrap{-webkit-transform:rotateY(-45deg);transform:rotateY(-45deg);}
.progress-button[data-style="rotate-side-down"] .progress{position:absolute;top:100%;left:0;width:100%;height:20px;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.progress-button[data-style="rotate-side-down"].state-loading .progress-wrap{-webkit-transform:rotateX(90deg) translateZ(10px);transform:rotateX(90deg) translateZ(10px);}
.progress-button[data-style="rotate-side-up"] .progress{position:absolute;bottom:100%;left:0;width:100%;height:20px;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.progress-button[data-style="rotate-side-up"].state-loading .progress-wrap{-webkit-transform:rotateX(-90deg) translateZ(10px);transform:rotateX(-90deg) translateZ(10px);}
.progress-button[data-style="rotate-side-left"] .progress-wrap{-webkit-transform-origin:0 50%;transform-origin:0 50%;}
.progress-button[data-style="rotate-side-left"] .progress{position:absolute;top:0;left:0;width:20px;height:100%;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%;}
.progress-button[data-style="rotate-side-left"].state-loading .progress-wrap{-webkit-transform:translateX(50%) rotateY(90deg) translateZ(10px);transform:translateX(50%) rotateY(90deg) translateZ(10px);}
.progress-button[data-style="rotate-side-right"] .progress-wrap{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;}
.progress-button[data-style="rotate-side-right"] .progress{position:absolute;top:0;left:100%;width:20px;height:100%;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%;}
.progress-button[data-style="rotate-side-right"].state-loading .progress-wrap{-webkit-transform:translateX(-50%) rotateY(-90deg) translateZ(10px);transform:translateX(-50%) rotateY(-90deg) translateZ(10px);}
.progress-button[data-style="rotate-back"] .progress-wrap{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.progress-button[data-style="rotate-back"] .content{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.progress-button[data-style="rotate-back"] .progress{position:absolute;top:100%;left:0;width:100%;height:100%;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.progress-button[data-style="rotate-back"].state-loading .progress-wrap{-webkit-transform:rotateX(180deg) scaleX(0.6) scaleY(0.3);transform:rotateX(180deg) scaleX(0.6) scaleY(0.3);}
.progress-button[data-style="flip-open"] .content{z-index:10;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;-webkit-transform-origin:50% 0;transform-origin:50% 0;}
.progress-button[data-style="flip-open"] .progress{position:absolute;top:0;left:0;width:100%;height:100%;}
.progress-button[data-style="flip-open"].state-loading .content{-webkit-transform:rotateX(45deg);transform:rotateX(45deg);}
.progress-button[data-style="slide-down"]{padding:0;overflow:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.progress-button[data-style="slide-down"] .content{z-index:10;padding:0 60px;background:#1d9650;}
.progress-button[data-style="slide-down"] .progress{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;}
.progress-button[data-style="slide-down"].state-loading .progress{-webkit-transform:translateY(10px);transform:translateY(10px);}
.progress-button[data-style="move-up"]{padding:0;overflow:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.progress-button[data-style="move-up"] .content{z-index:10;padding:0 60px;background:#1d9650;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;}
.progress-button[data-style="move-up"] .progress{position:absolute;top:0;left:0;width:100%;height:100%;}
.progress-button[data-style="move-up"].state-loading .content{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.progress-button[data-style="top-line"] .progress-inner{height:3px;}
.progress-button[data-style="top-line"] .content::before,
.progress-button[data-style="top-line"] .content::after{right:auto;left:100%;margin-left:25px;}
.progress-button[data-style="lateral-lines"] .progress-inner{width:100%;border-right:3px solid #0e7138;border-left:3px solid #0e7138;background:transparent;}
.progress-button[data-style="lateral-lines"] .content::before,
.progress-button[data-style="lateral-lines"] .content::after{right:auto;left:100%;margin-left:25px;}