*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.retro-btn{text-transform:uppercase;background:0 0;&.lg{.btn{width:294px;height:54px;font-size:17px;line-height:50px;.btn-inner .content-wrapper .btn-content .btn-content-inner:before{padding-top:0;letter-spacing:.15em}}}&.sm{.btn{width:80px!important;height:37px;font-size:10.5px;line-height:32.5px;padding-top:0;.btn-inner .content-wrapper .btn-content .btn-content-inner:before{padding-top:0}}}&.primary{.btn .btn-inner .content-wrapper{&:before{background-color:#051D41}.btn-content{background-color:#0d47a1}}}&.secondary{.btn .btn-inner .content-wrapper{&:before{background-color:#263238}.btn-content{background-color:#37474F}}}&.danger{.btn .btn-inner .content-wrapper{&:before{background-color:#590000}.btn-content{background-color:#CC0000}}}&.warning{.btn .btn-inner .content-wrapper{&:before{background-color:#6A3800}.btn-content{background-color:#FF8800}}}&.success{.btn .btn-inner .content-wrapper{&:before{background-color:#00481F}.btn-content{background-color:#009A3E}}}&.info{.btn .btn-inner .content-wrapper{&:before{background-color:#164E62}.btn-content{background-color:#33b5e5}}}.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;vertical-align:middle;padding-top:3px;position:relative;cursor:pointer;font-weight:600;font-family:inherit;font-style:normal;letter-spacing:0;text-rendering:auto;text-decoration:none;text-align:center;-webkit-transition:opacity .1s ease-out;transition:opacity .1s ease-out;z-index:5;-webkit-font-smoothing:antialiased;width:240px;height:46px;font-size:12px;line-height:24px;background-color:transparent;text-decoration-color:initial;border-color:initial;-webkit-tap-highlight-color:transparent;&,&:focus{outline-color:0;outline-style:none;outline-width:0}&:hover{.btn-content-inner:before{background-color:rgba(13,13,13,.1)}}&:before{content:" ";background-color:rgba(13,13,13,.3);width:calc(100% - 2px);height:calc(100% - 4px);bottom:-1px;left:1px;position:absolute;border-radius:3px;z-index:1;-webkit-transition:background .12s ease-out,-webkit-transform .12s ease-out;transition:background .12s ease-out,-webkit-transform .12s ease-out;transition:transform .12s ease-out,background .12s ease-out;transition:transform .12s ease-out,background .12s ease-out,-webkit-transform .12s ease-out}&.btn-left{&:before{-webkit-transform:skewY(1deg) translate3d(0,-.5px,0);transform:skewY(1deg) translate3d(0,-.5px,0)}.btn-content{-webkit-transform:skewY(-1deg);transform:skewY(-1deg)}}&.btn-right{&:before{-webkit-transform:skewY(-1deg) translate3d(0,-.5px,0);transform:skewY(-1deg) translate3d(0,-.5px,0)}.btn-content{-webkit-transform:skewY(1deg);transform:skewY(1deg)}}&.btn-center{&:before{-webkit-transform:translate3d(0,-1px,0);transform:translate3d(0,-1px,0)}.btn-content{-webkit-transform:translate3d(0,1px,0);transform:translate3d(0,1px,0)}}&.btn-active{.btn-inner .content-wrapper .btn-content{-webkit-transition:background .12s ease-out,color .12s ease-out,-webkit-transform .12s ease-out;transition:background .12s ease-out,color .12s ease-out,-webkit-transform .12s ease-out;transition:transform .12s ease-out,background .12s ease-out,color .12s ease-out;transition:transform .12s ease-out,background .12s ease-out,color .12s ease-out,-webkit-transform .12s ease-out;-webkit-transform:translate3d(0,2px,0);transform:translate3d(0,2px,0);.btn-content-inner{opacity:.1}}&:before{-webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0)}}.btn-inner{display:block;height:100%;.content-wrapper{position:relative;font-family:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;height:calc(100% - 3px);margin-top:-3px;& .btn-content .btn-content-inner:before,& .btn-content:after,& .btn-content:before,&:after,&:before{display:block;position:absolute;width:100%;height:100%;top:0;left:0}&:before{background-image:none;background-color:#004d40;top:auto;bottom:-3px;z-index:1;-webkit-transition:background .185s ease-out,-webkit-transform .185s ease-out;transition:background .185s ease-out,-webkit-transform .185s ease-out;transition:transform .185s ease-out,background .185s ease-out;transition:transform .185s ease-out,background .185s ease-out,-webkit-transform .185s ease-out}&:after,&:before{content:" ";border-radius:3px}&:after{background-color:rgba(13,13,13,.15);z-index:3;width:0;top:2px}.btn-content{background-image:none;background-color:#26a69a;color:#ebf1f8;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:3px;text-indent:0;z-index:3;overflow:hidden;padding:0 16px;-webkit-transition:border .185s ease-out,background .185s ease-out,color .185s ease-out,-webkit-transform .185s ease-out;transition:border .185s ease-out,background .185s ease-out,color .185s ease-out,-webkit-transform .185s ease-out;transition:border .185s ease-out,transform .185s ease-out,background .185s ease-out,color .185s ease-out;transition:border .185s ease-out,transform .185s ease-out,background .185s ease-out,color .185s ease-out,-webkit-transform .185s ease-out;&:after,&:before{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:rgba(255,255,255,.8);opacity:0;-webkit-transition:opacity .1125s ease-out .05s,-webkit-transform .185s ease-out .05s;transition:opacity .1125s ease-out .05s,-webkit-transform .185s ease-out .05s;transition:transform .185s ease-out .05s,opacity .1125s ease-out .05s;transition:transform .185s ease-out .05s,opacity .1125s ease-out .05s,-webkit-transform .185s ease-out .05s}&:before{content:" ";-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}&:after{content:" ";-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.btn-content-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;-webkit-transition:opacity 75ms ease-out .1125s;transition:opacity 75ms ease-out .1125s;&:before{content:attr(data-label);padding-top:9.5px;font-size:.8em;font-family:Press Start\ 2P,cursive;letter-spacing:.06em;-webkit-transition:opacity .3s ease-out,background-color .1125s ease-in;transition:opacity .3s ease-out,background-color .1125s ease-in;opacity:1;z-index:-1}}}}}}}.loader-button{position:relative;display:inline-block;outline:none;border:none;background:#1d9650;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:1em;font-family:Press Start\ 2P,cursive;transform:perspective(400px) rotateX(6deg);line-height:4;padding:0;overflow:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.7);transition:color .1s ease-in .1s,transform .185s ease-in,box-shadow .15s ease-in;&.btn-active{color:#148544;box-shadow:0 3px 2px rgba(0,0,0,.3);.content{transform:translateY(-3px)}}&.state-loading .content{-webkit-transform:translateY(-12px);transform:translateY(-12px)}&[disabled],&[disabled].state-loading{cursor:default}&.state-error .content:after,&.state-success .content:before{opacity:1}.content{position:relative;display:block;z-index:10;padding:0 60px;background:#1d9650;transform:translateY(-6px);-webkit-transition:-webkit-transform .2s;transition:transform .2s;border-radius:4px;&:after,&:before{position:absolute;right:20px;color:#fff;opacity:0;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}&:before{content:"✔"}&:after,&:before{font-size:25.5px;top:-22.9px;right:30px;transform:perspective(400px) rotateX(39deg)}&:after{content:"✖"}}.progress{width:100%;background:#0B562B}.progress,.progress-inner{position:absolute;top:0;left:0;height:100%;border-radius:4px}.progress-inner{width:0;background:linear-gradient(90deg,#07351B,#062C16);-webkit-transition:width .3s,opacity .3s;transition:width .3s,opacity .3s}}.notransition{-webkit-transition:none!important;transition:none!important}