.button{max-width:100%;display:inline-block;vertical-align:top;text-align:center;cursor:pointer;position:relative;margin:1.6rem 0;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,background-color .2s ease,border-color .2s ease}.button,.button.withRadius{border-radius:8px}.button:hover:not(.disabled){opacity:.9}.button.size-xs{font-size:1.2rem;font-weight:500;padding:.5rem .8rem .3rem}.button.size-xs.icon-only{width:2.4rem;height:2.4rem}.button.size-xs2{font-size:1.2rem;font-weight:500;padding:.8rem 1.2rem}.button.size-xs2.icon-only{width:2.8rem;height:2.8rem}.button.size-s{font-size:1.4rem;font-weight:500;padding:.8rem 1.2rem}.button.size-s.icon-only{width:3rem;height:3rem}.button.size-s2{line-height:1.429;font-size:1.4rem;font-weight:500;padding:.7rem 1.4rem .5rem}.button.size-s2.icon-only{width:3.2rem;height:3.2rem}.button.size-m{line-height:1.429;font-size:1.4rem;font-weight:500;padding:.8rem 1rem .6rem}.button.size-m.icon-only{width:3.4rem;height:3.4rem}.button.size-l{line-height:1.429;font-size:1.4rem;font-weight:500;padding:1rem 2rem}.button.size-l.icon-only{width:4rem;height:4rem}.button.size-xl{line-height:1.3;font-size:1.6rem;font-weight:500;padding:1.2rem 2.4rem}.button.size-xl.icon-only{width:4.5rem;height:4.5rem}.button.primary{background:var(--primary-color-2);color:var(--static-color-1);font-weight:600;box-shadow:0 3px 10px rgba(var(--primary-color-2-rgb),.4);border:1px solid rgba(0,0,0,.08)}.button.primary:hover:not(.disabled){box-shadow:0 5px 16px rgba(var(--primary-color-2-rgb),.5);opacity:1}.button.primary:active:not(.disabled){transform:scale(.98)}.button.secondary{background:var(--static-color-3);color:var(--static-color-1);font-weight:600;box-shadow:0 3px 8px rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.06)}.button.secondary:hover:not(.disabled){box-shadow:0 5px 14px rgba(0,0,0,.18);opacity:1}.button.secondary:active:not(.disabled){transform:scale(.98)}.button.third{background:var(--static-color-8);color:var(--static-color-3);font-weight:600;border:2px solid var(--theme-border-default);box-shadow:0 2px 6px rgba(0,0,0,.06)}.button.third:hover:not(.disabled){background:#d8d8d8;border-color:var(--theme-border-muted);box-shadow:0 3px 10px rgba(0,0,0,.1);opacity:1}.button.third:active:not(.disabled){transform:scale(.98)}.button.ghost-secondary:after,.button.ghost-third:after,.button.ghost:after{content:"";pointer-events:none;border-radius:8px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.button.ghost{color:var(--static-color-1);font-weight:600}.button.ghost:after{border:.2rem solid var(--static-color-1)}.button.ghost:hover:not(.disabled){opacity:.95}.button.ghost-secondary{font-weight:600}.button.ghost-secondary:after{border:.2rem solid var(--primary-color-1)}.button.ghost-secondary:hover:not(.disabled){opacity:.95}.button.ghost-third{color:var(--static-color-2);font-weight:600}.button.ghost-third:after{border:.2rem solid var(--static-color-2)}.button.ghost-third:hover:not(.disabled){opacity:.95}.button.disabled{background:var(--static-color-4);color:var(--static-color-1);opacity:.5;pointer-events:none;box-shadow:none}.button.disabled:after{display:none}.button.disabled:hover{opacity:.5}.button.full{width:100%}.button.overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.button.icon-only{padding:0}.button.icon-only .icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.button .icon{display:inline-block;vertical-align:middle}.button .icon-left{margin-right:.8rem}.button .icon-right{margin-left:.8rem}@media screen and (max-width:744px){.button.size-xl{line-height:1.286;font-size:1.4rem}}