.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--space-12);padding-inline:var(--space-6);border:var(--border-hair) solid transparent;border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-label-m);letter-spacing:var(--track-mono);line-height:var(--leading-flat);text-align:center;text-transform:uppercase;cursor:pointer}.button--primary{background-color:var(--blue-700);color:var(--cream)}.button--celebration{background-color:var(--saffron);color:var(--saffron-ink)}.button--secondary{border-color:var(--blue-700);background-color:transparent;color:var(--blue-700)}.button--secondary.button--on-dark{border-color:var(--cream);color:var(--cream)}.button--tertiary{min-block-size:var(--tap-target-min);padding-inline:0;border:none;background-color:transparent;color:var(--blue-600)}.button--tertiary:before{content:"[\a0"}.button--tertiary:after{content:"\a0]"}.button--section{justify-content:space-between;inline-size:100%;padding-inline:0;border:none;border-block-start:var(--border-hair) solid var(--blue-200);background-color:transparent;color:var(--blue-700)}.button--xs,.button--s{min-block-size:var(--tap-target-min)}.button--l{min-block-size:var(--space-14)}.button--xl{min-block-size:var(--space-16);inline-size:100%}@media(min-width:1024px){.button--xs{min-block-size:var(--space-8)}.button--s{min-block-size:var(--space-10)}}.chip{display:inline-flex;align-items:center;min-block-size:var(--tap-target-min);padding-inline:var(--space-4);border:var(--border-hair) solid var(--blue-200);border-radius:var(--radius-pill);background-color:transparent;color:var(--blue-700);font-family:var(--font-mono);font-size:var(--text-label-m);letter-spacing:var(--track-mono);text-transform:uppercase;cursor:pointer}.chip[aria-pressed=true],.chip[data-selected]{border-color:var(--blue-700);background-color:var(--blue-700);color:var(--cream)}@media(hover:hover)and (pointer:fine){.button:hover,.chip:hover{background-color:var(--blue-600);border-color:var(--blue-600);color:var(--cream)}.button--celebration:hover{background-color:var(--saffron-pressed);border-color:var(--saffron-pressed);color:var(--saffron-ink)}.button--tertiary:hover,.button--section:hover{background-color:transparent;color:var(--blue-600)}}.button:active,.chip:active{translate:0 var(--press-shift)}
/*# sourceMappingURL=/cdn/shop/t/58/assets/button.css.map */