.btn{cursor:pointer;color:#fff;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;width:100%;height:100%;padding:0;font-family:inherit;font-size:20px;display:block;position:relative}.btn::-moz-focus-inner{border:0}.btn>.btn__bg{z-index:2;box-sizing:border-box;border-style:solid;border-width:1px;border-radius:.25em;justify-content:center;align-items:center;width:100%;height:93%;transition:top 75ms linear;display:flex;position:absolute;top:0;left:0}.btn>.btn__bg:before{content:"";box-sizing:border-box;z-index:-1;background-image:linear-gradient(#ffffff21 0%,#fff0 50%,#ffffff4d 100%),linear-gradient(#ffffff0d 0% 100%);background-size:auto;border-radius:calc(.25em - 1px);width:100%;height:100%;transition:top 75ms linear;position:absolute;top:0;left:0}.btn>.btn__bg:after{content:"";z-index:1;box-sizing:border-box;border-top:1px solid #ffffff26;border-bottom:1px solid #fff3;border-radius:calc(.25em - 1px);width:100%;height:100%;transition:top 75ms linear;display:block;position:absolute;top:0;left:0}.btn:after{content:"";z-index:1;border-radius:.25em;transition:top 75ms linear,box-shadow 75ms linear,border-color 75ms linear;display:block;position:absolute;inset:7% 0 0;box-shadow:0 3px 3px #00000029}.btn:before{content:"";opacity:0;mix-blend-mode:overlay;z-index:100;background:#fff3;border-radius:.25em;transition:top 75ms linear,opacity .1s linear,background .1s linear;display:block;position:absolute;inset:0}.btn:hover{color:#fff}.btn:hover:before{opacity:1}.btn:active>.btn__bg,.btn.active>.btn__bg{top:7%}.btn:active>.btn__bg:before,.btn.active>.btn__bg:before{background-image:linear-gradient(#ffffff0d 0%,#fff0 50%,#ffffff21 100%),linear-gradient(#ffffff0d 0% 100%)}.btn:active>.btn__bg:after,.btn.active>.btn__bg:after{border-top-color:#ffffff08;border-bottom-color:#ffffff1a}.btn:active:before,.btn.active:before{background:#ffffff1a;top:7%}.btn:active:after,.btn.active:after{box-shadow:0 3px 3px #0000}.btn.disabled{cursor:default}.btn.disabled>.btn__bg{top:7%}.btn.disabled>.btn__bg:before{background-image:linear-gradient(#ffffff0d 0%,#fff0 50%,#ffffff21 100%),linear-gradient(#ffffff0d 0% 100%)}.btn.disabled>.btn__bg:after{border-top-color:#ffffff08;border-bottom-color:#ffffff1a}.btn.disabled:before{content:"";opacity:1;mix-blend-mode:normal;z-index:100;background:#e3e3e380;border-radius:0;display:block;position:absolute;inset:7% 0 0}.btn.disabled:after{box-shadow:0 3px 3px #0000}.btn .tr{font-family:inherit}.btn .tr:first-letter{text-transform:capitalize}.btn-main>.btn__bg{text-shadow:0 1px .1em #44ac82;background-color:#48b589;border-color:#44ac82}.btn-main:after{background:#44ac82}.btn-red>.btn__bg{text-shadow:0 1px .1em #e36641;background-color:#ef6c44;border-color:#e36641}.btn-red:after{background:#e36641}.btn-gray{text-shadow:none;color:#5f5f5f;width:auto}.btn-gray>.btn__bg{background:#fafafa;border-color:#dbdbdb}.btn-gray>.btn__bg:before{background:#fafafa}.btn-gray>.btn__bg:after{border-top:1px solid #fff;border-bottom:1px solid #fff}.btn-gray:after{background:#dbdbdb;border-bottom:1px solid #c7c7c7;box-shadow:0 3px 3px #0000001a}.btn-gray:hover,.btn-gray:active,.btn-gray.active,.btn-gray.disabled,.btn-gray:disabled{color:#5f5f5f}.btn-gray:active>.btn__bg,.btn-gray.active>.btn__bg,.btn-gray.disabled>.btn__bg,.btn-gray:disabled>.btn__bg{background:#fafafa}.btn-gray:active>.btn__bg:before,.btn-gray.active>.btn__bg:before,.btn-gray.disabled>.btn__bg:before,.btn-gray:disabled>.btn__bg:before{background:#f5f5f5}.btn-gray:active>.btn__bg:after,.btn-gray.active>.btn__bg:after,.btn-gray.disabled>.btn__bg:after,.btn-gray:disabled>.btn__bg:after{border-top:1px solid #fff;border-bottom:1px solid #fff}.btn-gray:active:after,.btn-gray.active:after,.btn-gray.disabled:after,.btn-gray:disabled:after{border-bottom:1px solid #dbdbdb;box-shadow:0 3px 3px #0000}