.btn{letter-spacing:1.2px;text-transform:uppercase;background-color:var(--color-blue);color:var(--color-white);border-radius:var(--border-radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:12px;font-weight:700;line-height:1.6;transition:background-color .2s,transform .2s;display:inline-flex}.btn:has(.btn__spinner){gap:0}.btn[disabled]{opacity:.5;cursor:default}.btn:hover{background-color:var(--color-blue-hover);text-decoration:none}.btn--secondary{background-color:var(--color-light-grey);color:var(--color-text)}.btn--secondary:hover{background-color:var(--color-light-grey-hover)}.btn--text{color:var(--color-text);padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s,color .2s,opacity .2s}.btn--text,.btn--text:hover{background-color:#0000}.btn--text:hover{color:var(--color-blue);text-decoration:underline;-webkit-text-decoration-color:var(--color-blue);text-decoration-color:var(--color-blue)}.btn--text.btn--secondary{opacity:.5;text-decoration-color:currentColor}.btn--text.btn--secondary:hover{color:var(--color-blue);opacity:1}.btn__spinner{justify-content:center;align-items:center;width:1em;margin-left:8px;display:inline-flex;overflow:hidden;transform:scale(1.25)}.btn__spinner.btn-spinner-enter-active,.btn__spinner.btn-spinner-leave-active{transition:opacity .2s,width .2s,margin-left .2s}.btn__spinner.btn-spinner-enter-from,.btn__spinner.btn-spinner-leave-to{opacity:0;width:0;margin-left:0}.btn.full{width:100%}
