.btn{align-items:center;-webkit-backface-visibility:hidden;border:2px solid transparent;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transform:translateZ(0);transition:color .15s ease,background-color .15s ease,border-color .15s ease,outline .2s ease,box-shadow .35s ease,outline .35s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn[disabled]{cursor:wait;pointer-events:none}.btn [data-fill]{transition:fill .2s ease}.btn [data-stroke]{transition:stroke .2s ease}.btn.primary{background-color:var(--primaryColor-500);border-color:var(--primaryColor-500);color:var(--secondaryColor)}.btn.primary [data-fill]{fill:var(--secondaryColor)}.btn.primary [data-stroke]{stroke:var(--secondaryColor)}.btn.primary:hover{background-color:var(--primaryColor-700);border-color:var(--primaryColor-700)}.btn.primary[disabled]{background-color:var(--secondaryColor-200);border-color:var(--secondaryColor-200);color:var(--secondaryColor-600)}.btn.secondary.style-default{background-color:var(--secondaryColor);border-color:var(--primaryColor-500);color:var(--primaryColor-700)}.btn.secondary.style-default [data-fill]{fill:var(--primaryColor-700)}.btn.secondary.style-default [data-stroke]{stroke:var(--primaryColor-700)}.btn.secondary.style-default:hover{background-color:var(--primaryColor-500);border-color:var(--primaryColor-500);color:var(--secondaryColor)}.btn.secondary.style-default:hover [data-fill]{fill:var(--secondaryColor)}.btn.secondary.style-default:hover [data-stroke]{stroke:var(--secondaryColor)}.btn.secondary.style-cancel{background-color:var(--errorColor);border-color:var(--errorColor);color:#fff}.btn.secondary.style-cancel [data-fill]{fill:#fff}.btn.secondary.style-cancel [data-stroke]{stroke:#fff}.btn.secondary.style-cancel:hover{background-color:var(--errorColor-500);border-color:var(--errorColor-500)}.btn.tertiary{background-color:transparent;border-color:transparent;color:var(--secondaryColor-800)}.btn.tertiary:hover{background-color:var(--primaryColor-50);color:var(--primaryColor-500)}.btn[data-rounded]{border-radius:99px}.btn[data-full]{width:100%}.btn[data-uppercase]{text-transform:uppercase}.btn__ripple{animation:btn-ripple 1.7s ease-out forwards;background-color:#fff;border-radius:50%;height:4px;pointer-events:none;position:absolute;transform:translate(-50%) translateY(-50%);transform-origin:center;width:4px;will-change:trasform,top,left}.btn.icon{border:0;box-shadow:0 2px 3px #0000004d;height:50px;opacity:.9;padding:6px;transition:opacity .2s ease;width:50px}.btn.icon .btn__ripple{height:1px;width:1px}.btn.s{font-size:16px;min-height:36px;padding:6px 12px}.btn.s:not([data-rounded]){border-radius:5px}.btn.m{font-size:16px;line-height:16px;min-height:42px;padding:10px 15px}.btn.m:not([data-rounded]){border-radius:5px}.btn.l{font-size:18px;line-height:18px;min-height:46px;padding:12px 28px}.btn.l:not([data-rounded]){border-radius:5px}.btn svg{transition:transform .2s ease,opacity .2s ease}.btn svg[data-icon-before]{margin-right:15px}.btn svg[data-icon-after]{margin-left:15px}.btn:active{transform:translateY(1px)}.btn.loading{background-size:30px;color:transparent;cursor:wait;pointer-events:none}.btn[data-shine]{overflow:hidden}.btn[data-shine]:before{animation:btn-shine 6s linear infinite;background-image:linear-gradient(120deg,#fff0 30%,#ffffff80,#fff0 70%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translate3d(-100%,0,0);width:100%}@keyframes btn-shine{0%{transform:translate3d(-100%,0,0)}20%{transform:translate3d(100%,0,0)}to{transform:translate3d(100%,0,0)}}@keyframes btn-ripple{0%{opacity:.3;transform:translate(-100%,-100%)}80%{transform:translate(-100%,-100%) scale(88)}to{opacity:0;transform:translate(-100%,-100%) scale(88)}}