.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);font-family:var(--font-sub);font-weight:var(--weight-sub);letter-spacing:var(--tracking-sub);text-transform:uppercase;font-size:var(--text-caption);line-height:1;white-space:nowrap;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-none);cursor:pointer;text-decoration:none;transition:background var(--duration-1) var(--ease-standard),color var(--duration-1) var(--ease-standard),border-color var(--duration-1) var(--ease-standard)}.button--primary{background:var(--color-berry);color:var(--color-cream)}.button--primary:hover{background:var(--color-midnight-plum);color:var(--color-cream)}.button--ghost{background:transparent;color:var(--ink-accent);border-color:var(--color-berry)}.button--ghost:hover{background:var(--color-berry);color:var(--color-cream)}.button--plum{background:var(--color-midnight-plum);color:var(--color-cream)}.button--plum:hover{background:var(--color-berry);color:var(--color-cream)}.button--cream{background:var(--color-cream);color:var(--color-midnight-plum)}.button--cream:hover,.button--lemon{background:var(--color-lemon-sorbet);color:var(--color-midnight-plum)}.button--lemon:hover{background:var(--color-peach-flame);color:var(--color-midnight-plum)}.button--compact{padding:var(--space-1) var(--space-3)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/button.css.map */