.button{border-radius:4px;padding:12px 16px;color:#fff;border:0;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.1px;cursor:pointer;transition:.5s;box-sizing:border-box;overflow:hidden;position:relative;display:flex;font-family:inherit}.button,.button:hover{background-color:#052144}.button:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.button__icon{transition:.3s;vertical-align:middle}.button__icon.-append{margin-left:8px}.button__icon.-prepend{margin-right:8px}.button.-outlined{background-color:#fff;color:#052144;border:1px solid #052144}.button.-outlined:hover{background-color:#ebeff0;box-shadow:none}.button.-invert-outlined{background-color:#052144;color:#fff;border:1px solid #fff}.button.-outlined-gradient{background-color:#fff;color:#052144}.button.-outlined-gradient:before{content:"";position:absolute;inset:0;border-radius:4px;padding:1px;background:linear-gradient(90deg,#30A960,#056AD7);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.button.-outlined-gradient:hover{background-color:#ebeff0;box-shadow:none}.button.-text{background-color:#fff;color:#052144}.button.-text:hover{background-color:#ebeff0;box-shadow:none}.button.-tonal{background-color:#ddedff;color:#121318}.button.-tonal:hover{background-color:#afd0ee;box-shadow:0 1px 4px 0 rgba(0,0,0,.3),0 1px 4px 2px rgba(0,0,0,.15)}.button.-gradient{border:0;color:#052144}.button.-gradient,.button.-gradient:hover{background:linear-gradient(90deg,#EAF6F0,#E6F0FA)}.button.-gradient:hover{box-shadow:none}.button.link-button{text-align:center;display:inline-block;padding:12px}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .5s linear;background-color:rgba(255,255,255,.7)}@keyframes ripple{to{transform:scale(4);opacity:0}}