.tapp-button[data-v-1ac35ad1]{--outline-offset:3px;gap:var(--spacing-2);width:fit-content;padding:calc(var(--spacing-2) - var(--button-ghost-border-width)) var(--spacing-4);border-style:solid;border-width:var(--button-ghost-border-width);border-radius:var(--button-border-radius);font:var(--typography-large-button-sm);font-family:var(--font-families-button);font-size:inherit;text-align:center;text-overflow:ellipsis;text-transform:var(--text-transform-button-sm);letter-spacing:var(--text-spacing-button-sm);appearance:none;outline-offset:calc(var(--outline-offset) + var(--spacing-1));outline:2px solid #0000;justify-content:center;align-items:center;line-height:24px;text-decoration:none;transition-property:background-color,border-color,transform,color,outline-offset;transition-duration:.15s;transition-timing-function:ease-in-out;display:flex;position:relative;overflow:hidden}@media (width>=48em){.tapp-button[data-v-1ac35ad1]{font:var(--typography-large-button-base);letter-spacing:var(--text-spacing-button-base)}.tapp-button[data-v-1ac35ad1],.tapp-button.tapp-button--small[data-v-1ac35ad1]{text-transform:var(--text-transform-button-base);line-height:24px}.tapp-button.tapp-button--small[data-v-1ac35ad1]{font:var(--typography-small-button-base)}}.tapp-button[data-v-1ac35ad1]:hover{cursor:pointer}.tapp-button[disabled][data-v-1ac35ad1]{cursor:not-allowed;opacity:.5}.tapp-button[data-v-1ac35ad1]:focus-visible{outline-offset:var(--outline-offset);outline-width:2px}.tapp-button[data-v-1ac35ad1]:active{transform:scale(.95)}.tapp-button--small[data-v-1ac35ad1]{padding:calc(.375rem - var(--button-ghost-border-width)) var(--spacing-4)}.tapp-button--large[data-v-1ac35ad1]{padding:calc(var(--spacing-3) - var(--button-ghost-border-width)) var(--spacing-12)}.tapp-button--full-width[data-v-1ac35ad1],.tapp-button--full-width-mobile[data-v-1ac35ad1]{width:100%;max-width:100%}@media (width>=64em){.tapp-button--full-width-mobile[data-v-1ac35ad1]{width:fit-content;max-width:none}}.tapp-button--pill[data-v-1ac35ad1]{border-radius:var(--border-radius-pill)}.tapp-button--primary[data-v-1ac35ad1]{border-color:var(--button-primary-default-background-color);color:var(--button-primary-default-text-color);background-color:var(--button-primary-default-background-color)}.tapp-button--primary[data-v-1ac35ad1]:not(:disabled):hover{border-color:var(--button-primary-hover-background-color);color:var(--button-primary-hover-text-color);background-color:var(--button-primary-hover-background-color)}.tapp-button--primary[data-v-1ac35ad1]:focus-visible{outline-color:var(--button-primary-hover-background-color)}.tapp-button--secondary[data-v-1ac35ad1]{border-color:var(--button-secondary-default-background-color);color:var(--button-secondary-default-text-color);background-color:var(--button-secondary-default-background-color)}.tapp-button--secondary[data-v-1ac35ad1]:not(:disabled):hover{border-color:var(--button-secondary-hover-background-color);color:var(--button-secondary-hover-text-color);background-color:var(--button-secondary-hover-background-color)}.tapp-button--secondary[data-v-1ac35ad1]:focus-visible{outline-color:var(--button-secondary-hover-background-color)}.tapp-button--tertiary[data-v-1ac35ad1]{border-color:var(--button-tertiary-default-background-color);color:var(--button-tertiary-default-text-color);background-color:var(--button-tertiary-default-background-color)}.tapp-button--tertiary[data-v-1ac35ad1]:not(:disabled):hover{border-color:var(--button-tertiary-hover-background-color);color:var(--button-tertiary-hover-text-color);background-color:var(--button-tertiary-hover-background-color)}.tapp-button--tertiary[data-v-1ac35ad1]:focus-visible{outline-color:var(--button-tertiary-hover-background-color)}.tapp-button--ghost[data-v-1ac35ad1]{border-color:var(--button-ghost-default-border-color);border-width:var(--button-ghost-border-width);color:var(--button-ghost-default-text-color);background-color:#0000}.tapp-button--ghost[data-v-1ac35ad1]:not(:disabled):hover{border-color:var(--button-ghost-hover-border-color);color:var(--button-ghost-hover-text-color);background-color:#0000}.tapp-button--text[data-v-1ac35ad1]{color:var(--button-ghost-default-text-color);background-color:#0000;border:0}.tapp-button--text[data-v-1ac35ad1]:not(:disabled):hover{border-color:var(--button-ghost-hover-border-color);color:var(--button-ghost-hover-text-color);background-color:#0000}.tapp-button--loading .tapp-button__icon[data-v-1ac35ad1]{transform-origin:50%;animation:1s linear infinite spin-1ac35ad1}@keyframes spin-1ac35ad1{to{transform:rotate(1turn)}}
