.app-button[data-v-1cf3afe3]{align-items:center;border-radius:0;cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:center;overflow:hidden;padding:var(--spacing-medium-12) var(--spacing-medium-24);position:relative;transition:background-color .2s ease}.app-button .button-text[data-v-1cf3afe3]{align-items:center;display:flex;flex:none;font-family:var(--font-mono);font-size:var(--text-m);font-style:normal;font-weight:500;line-height:var(--lh-100);text-transform:uppercase}@media(max-width:1024px){.app-button .button-text[data-v-1cf3afe3]{font-size:var(--text-s)}}@media(max-width:800px){.app-button .button-text[data-v-1cf3afe3]{font-size:var(--text-xs)}}.app-button.has-arrow .button-text[data-v-1cf3afe3]{flex:1;text-align:left}.app-button .icon-slot[data-v-1cf3afe3]{align-items:center;display:flex;flex:none;flex-grow:0;height:auto;justify-content:center;min-height:18px;min-width:18px;width:auto}.app-button.variant-outline[data-v-1cf3afe3]{background:var(--color-bg-white);border:1px solid var(--color-text-dark);height:42px}.app-button.variant-outline .button-text[data-v-1cf3afe3],.app-button.variant-outline .icon-slot[data-v-1cf3afe3]{color:var(--color-text-dark)}.app-button.variant-outline[data-v-1cf3afe3]:hover{background:var(--color-bg-light)}.app-button.variant-outline-white[data-v-1cf3afe3]{background:transparent;border:1px solid var(--color-text-light);height:42px}.app-button.variant-outline-white .button-text[data-v-1cf3afe3],.app-button.variant-outline-white .icon-slot[data-v-1cf3afe3]{color:var(--color-text-light)}.app-button.variant-outline-white[data-v-1cf3afe3]:hover{background:#fdfeff1a}.app-button.variant-primary[data-v-1cf3afe3]{background:var(--color-primary);border:1px solid var(--color-primary);height:40px;padding:4px 4px 4px var(--spacing-medium-16)}.app-button.variant-primary .button-text[data-v-1cf3afe3],.app-button.variant-primary .icon-slot[data-v-1cf3afe3]{color:var(--color-bg-white)}.app-button.variant-primary[data-v-1cf3afe3]:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.app-button.variant-primary .icon-wrapper[data-v-1cf3afe3]{align-items:center;background:var(--neutral-0);color:var(--color-primary);display:flex;height:32px;justify-content:center;width:32px}.app-button.variant-primary .icon-wrapper .icon[data-v-1cf3afe3]{font-size:16px}