.app-button{width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:var(--font-saira),"Saira","Saira Condensed",system-ui,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase;cursor:pointer;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--border-radius-sm);transition:background-color .2s,color .2s,border-color .2s,opacity .2s,transform .2s ease;box-sizing:border-box}.app-button>svg:first-child{margin-left:0}.app-button>svg:last-child{margin-right:0;margin-left:.5rem}.app-button--primary{background:var(--color-button-primary);color:white;border-color:transparent}.app-button--primary:active,.app-button--primary:focus,.app-button--primary:hover{background:var(--color-button-primary);color:white;opacity:.8;border-color:var(--color-button-secondary)}.app-button--outline{background:none;color:var(--color-button-primary);border-color:var(--color-button-primary)}.app-button--outline:active,.app-button--outline:focus,.app-button--outline:hover{background:var(--color-button-primary);color:white;border-color:var(--color-button-primary)}.app-button:disabled{opacity:.5;cursor:not-allowed}.app-button:disabled:hover{opacity:.5;transform:none}.app-button--narrow{width:auto;max-width:50%;align-self:flex-end}.app-button--white-outline{background:transparent;border:2px solid var(--color-white);color:var(--color-white)}.app-button--white-outline:active,.app-button--white-outline:focus,.app-button--white-outline:hover{background-color:rgba(255,255,255,.2);border-color:var(--color-button-secondary);color:var(--color-white)}.app-button--white-outline .app-button-text-accent{color:var(--color-secondary);font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit}.app-button--compact{padding:.5rem .75rem}