.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);font-family:var(--font-heading);font-weight:var(--font-weight-medium);line-height:normal;text-transform:capitalize;text-decoration:none;text-box-trim:trim-both;text-box-edge:cap alphabetic;border:1px solid transparent;border-radius:var(--radius-default);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--lg{height:40px;padding:0 var(--space-32);font-size:var(--text-body-sm)}.btn--md{height:32px;padding:0 var(--space-24);font-size:var(--text-body-xs)}.btn--solid-dark{background-color:rgb(var(--color-brand-dark));color:rgb(var(--color-neutral-light))}.btn--solid-dark:hover{background-color:rgb(var(--color-neutral-grey));color:rgb(var(--color-neutral-sand))}.btn--solid-dark:disabled{background-color:rgb(var(--color-neutral-light));color:rgb(var(--color-neutral-medium));cursor:not-allowed}.btn--solid-light{background-color:rgb(var(--color-neutral-sand));color:rgb(var(--color-brand-dark))}.btn--solid-light:hover{background-color:rgb(var(--color-neutral-light));color:rgb(var(--color-brand-dark))}.btn--solid-light:disabled{background-color:rgb(var(--color-neutral-light));color:rgb(var(--color-neutral-medium));cursor:not-allowed}.btn--outline-dark{background-color:transparent;color:rgb(var(--color-brand-dark));border-color:rgb(var(--color-brand-dark))}.btn--outline-dark:hover{background-color:rgb(var(--color-brand-dark));color:rgb(var(--color-neutral-sand))}.btn--outline-dark:disabled{border-color:rgb(var(--color-neutral-medium));color:rgb(var(--color-neutral-medium));cursor:not-allowed}.btn--outline-light{background-color:transparent;color:rgb(var(--color-neutral-sand));border-color:rgb(var(--color-neutral-sand))}.btn--outline-light:hover{background-color:rgb(var(--color-neutral-sand));color:rgb(var(--color-brand-dark))}.btn--outline-light:disabled{border-color:rgb(var(--color-neutral-medium));color:rgb(var(--color-neutral-medium));cursor:not-allowed}.btn--ghost-dark{background-color:transparent;color:rgb(var(--color-brand-dark));border:none}.btn--ghost-dark:hover{color:rgb(var(--color-neutral-grey))}.btn--ghost-dark:disabled{color:rgb(var(--color-neutral-medium));cursor:not-allowed}.btn--ghost-light{background-color:transparent;color:rgb(var(--color-neutral-sand));border:none}.btn--ghost-light:hover{color:rgb(var(--color-neutral-light))}.btn--ghost-light:disabled{color:rgb(var(--color-neutral-medium));cursor:not-allowed}.btn--icon-lg{width:40px;height:40px;padding:var(--space-8);border-radius:var(--radius-default)}.btn--icon-md{width:32px;height:32px;padding:var(--space-8);border-radius:var(--radius-default)}.btn--icon-lg svg,.btn--icon-md svg{width:100%;height:100%}.btn--text{display:inline-flex;align-items:flex-start;gap:var(--space-8);background:none;border:none;border-radius:0;padding:0;height:24px;font-family:var(--font-heading);font-weight:var(--font-weight-medium);font-size:var(--text-body-sm);line-height:normal;text-transform:capitalize;text-box-trim:trim-both;text-box-edge:cap alphabetic;color:rgb(var(--color-brand-dark));cursor:pointer;transition:opacity var(--transition-fast)}.btn--text:hover{color:rgb(var(--color-brand-dark));opacity:.7}.btn--text:disabled{opacity:.4;cursor:not-allowed}.btn--text:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--text__label{display:flex;flex-direction:column;gap:var(--space-4);border-bottom:1px solid currentColor}.btn--text--md{font-size:var(--text-body-xs)}.btn--text--sm{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--text-body-xs);line-height:var(--leading-body);text-transform:none}.btn--text--light,.btn--text--light:hover{color:rgb(var(--color-neutral-sand))}.btn--text--grey{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--text-body-xs);line-height:var(--leading-body);text-transform:none;color:rgb(var(--color-neutral-grey))}.btn--text .btn__chevron{display:inline-flex;line-height:1}.btn--text:not(.btn--text--sm):not(.btn--text--md):not(.btn--text--grey) .btn__chevron svg{width:20px;height:20px}.btn--text--md .btn__chevron svg,.btn--text--sm .btn__chevron svg,.btn--text--grey .btn__chevron svg{width:16px;height:16px}.btn--link{background:none;border:none;padding:0;font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--text-body-md);line-height:var(--leading-body);color:rgb(var(--color-brand-dark));text-decoration:underline;text-box-trim:trim-both;text-box-edge:cap alphabetic;cursor:pointer;transition:opacity var(--transition-fast)}.btn--link:hover{opacity:.7}.btn--link:disabled{opacity:.4;cursor:not-allowed}.btn--link:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn--link--light{color:rgb(var(--color-neutral-sand))}.btn--white{background-color:rgb(var(--color-brand-white));color:rgb(var(--color-brand-dark));border-color:transparent}.btn--white:hover{background-color:rgb(var(--color-neutral-sand));color:rgb(var(--color-brand-dark))}.btn__chevron{display:inline-flex;font-size:.85em;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-button.css.map */
