.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--vo-space-8);padding-inline:var(--vo-space-24);padding-block:var(--vo-space-12);border-radius:var(--vo-radius-sm);border:var(--vo-border-width-hairline) solid transparent;font-family:var(--vo-font-family-body);font-size:var(--vo-font-size-base);font-weight:var(--vo-font-weight-500);line-height:var(--vo-line-height-normal);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--vo-transition-fast),color var(--vo-transition-fast),border-color var(--vo-transition-fast),transform var(--vo-transition-fast);min-height:var(--vo-space-48);min-width:var(--vo-space-48)}.button:active{transform:scale(.98)}.button--primary{background-color:var(--vo-color-interactive-primary);border-color:var(--vo-color-interactive-primary);color:var(--vo-surface-cards)}.button--primary:hover{background-color:var(--vo-color-interactive-hover);border-color:var(--vo-color-interactive-hover)}.button--secondary{background-color:transparent;border-color:var(--vo-color-interactive-primary);color:var(--vo-color-interactive-primary)}.button--secondary:hover{background-color:var(--vo-color-interactive-primary);color:var(--vo-surface-cards)}.button--tertiary{background-color:transparent;border-color:transparent;padding-inline:var(--vo-space-8);color:var(--vo-color-interactive-primary);text-decoration-line:underline;text-decoration-color:transparent}.button--tertiary:hover{color:var(--vo-color-interactive-hover);text-decoration-color:currentColor}.button--accent{background-color:transparent;border-color:var(--vo-color-accent);color:var(--vo-color-accent)}.button--accent:hover{background-color:var(--vo-surface-subtle)}.button--whatsapp{background-color:transparent;border-color:#25d366;color:#25d366}.button--whatsapp:hover,.button--whatsapp:focus-visible{background-color:#22c25e;border-color:#22c25e;color:var(--vo-surface-cards)}.button--icon-only{padding:var(--vo-space-12);aspect-ratio:1}.button--full-width{display:flex;width:100%}.button:disabled,.button[aria-disabled=true]{opacity:var(--vo-opacity-disabled);cursor:not-allowed;pointer-events:none}.button__spinner{width:1em;height:1em;border:var(--vo-border-width-emphasis) solid currentColor;border-right-color:transparent;border-radius:var(--vo-radius-full);animation:vo-button-spin var(--vo-duration-slow) linear infinite}@keyframes vo-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/components-button.css.map */
