.btn,.button,.shopify-challenge__button,.customer button{display:inline-flex;align-items:center;justify-content:center;gap:var(--hc-s-2);box-sizing:border-box;min-height:var(--hc-btn-min-h);padding:var(--hc-btn-pad-y) var(--hc-btn-pad-x);border-width:var(--hc-btn-border);border-style:solid;border-radius:var(--hc-btn-radius);background-color:var(--hc-btn-secondary-fill);color:var(--hc-btn-secondary-text);--hc-btn-label: var(--hc-btn-secondary-text);border-color:var(--hc-btn-secondary-border);box-shadow:none;font-family:var(--hc-font-ui);font-size:var(--hc-btn-fs);font-weight:var(--hc-btn-fw);line-height:1.2;letter-spacing:var(--hc-btn-ls);text-transform:var(--hc-btn-case);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform var(--hc-t-press) var(--hc-e-out),box-shadow var(--hc-t-press) var(--hc-e-out),background-color var(--hc-t-press) var(--hc-e-out),color var(--hc-t-press) var(--hc-e-out),border-color var(--hc-t-press) var(--hc-e-out)}.button:before,.button:after,.shopify-challenge__button:before,.shopify-challenge__button:after,.customer button:before,.customer button:after{content:none}.button,.shopify-challenge__button,.customer button{min-width:calc(12rem + var(--hc-btn-border) * 2)}.button-label{font-family:var(--hc-font-ui);font-size:var(--hc-btn-fs);font-weight:var(--hc-btn-fw);letter-spacing:var(--hc-btn-ls);text-transform:var(--hc-btn-case)}.btn--sm,.button.button--small{min-height:var(--hc-btn-sm-min-h);padding:var(--hc-btn-sm-pad-y) var(--hc-btn-sm-pad-x);font-size:var(--hc-btn-sm-fs)}.btn--lg{min-height:var(--hc-btn-lg-min-h);padding:var(--hc-btn-lg-pad-y) var(--hc-btn-lg-pad-x);font-size:var(--hc-btn-lg-fs)}.button--tertiary{min-width:calc(9rem + var(--hc-btn-border) * 2);min-height:calc(3.5rem + var(--hc-btn-border) * 2);padding:1rem 1.5rem}.btn--block,.button--full-width{display:flex;width:100%}.btn--icon{width:44px;height:44px;min-width:0;min-height:0;padding:0;border-radius:var(--hc-r-round)}.btn--icon.btn--sm{width:34px;height:34px}.btn__price{font-variant-numeric:tabular-nums}.btn--pink,.button,.shopify-challenge__button,.customer button{background-color:var(--hc-btn-pink-fill);color:var(--hc-btn-pink-text);--hc-btn-label: var(--hc-btn-pink-text);border-color:var(--hc-btn-pink-border);box-shadow:var(--hc-btn-shadow) var(--hc-btn-shadow) 0 0 var(--hc-btn-pink-shadow)}.btn--primary,.button--primary{background-color:var(--hc-btn-primary-fill);color:var(--hc-btn-primary-text);--hc-btn-label: var(--hc-btn-primary-text);border-color:var(--hc-btn-primary-border);box-shadow:var(--hc-btn-shadow) var(--hc-btn-shadow) 0 0 var(--hc-btn-primary-shadow)}.btn--outline,.button--secondary,.button--outline{background-color:var(--hc-btn-secondary-fill);color:var(--hc-btn-secondary-text);--hc-btn-label: var(--hc-btn-secondary-text);border-color:var(--hc-btn-secondary-border);box-shadow:none}.btn--ghost,.button--tertiary{background-color:var(--hc-btn-link-fill);color:var(--hc-btn-link-text);--hc-btn-label: var(--hc-btn-link-text);border-color:var(--hc-btn-link-border);box-shadow:none}.btn--on-dark.btn--primary,.button--on-dark.button--primary,.color-scheme-3 .btn--primary,.color-scheme-3 .button--primary,.hc-section--ink .btn--primary,.hc-section--ink .button--primary,.hc-sg-strip--ink .btn--primary,.hc-sg-strip--ink .button--primary,.footer.hc-footer .btn--primary,.footer.hc-footer .button--primary{background-color:var(--hc-btn-primary-dark-fill);color:var(--hc-btn-primary-dark-text);--hc-btn-label: var(--hc-btn-primary-dark-text);border-color:var(--hc-btn-primary-dark-border)}.btn--on-dark.btn--outline,.button--on-dark.button--secondary,.color-scheme-3 .btn--outline,.color-scheme-3 .button--secondary,.color-scheme-3 .button--outline,.hc-section--ink .btn--outline,.hc-section--ink .button--secondary,.hc-section--ink .button--outline,.hc-sg-strip--ink .btn--outline,.hc-sg-strip--ink .button--secondary,.hc-sg-strip--ink .button--outline,.footer.hc-footer .btn--outline,.footer.hc-footer .button--secondary,.footer.hc-footer .button--outline{background-color:var(--hc-btn-secondary-dark-fill);color:var(--hc-btn-secondary-dark-text);--hc-btn-label: var(--hc-btn-secondary-dark-text);border-color:var(--hc-btn-secondary-dark-border)}.btn--on-dark.btn--ghost,.button--on-dark.button--tertiary,.color-scheme-3 .btn--ghost,.color-scheme-3 .button--tertiary,.hc-section--ink .btn--ghost,.hc-section--ink .button--tertiary,.hc-sg-strip--ink .btn--ghost,.hc-sg-strip--ink .button--tertiary,.footer.hc-footer .btn--ghost,.footer.hc-footer .button--tertiary{background-color:var(--hc-btn-link-dark-fill);color:var(--hc-btn-link-dark-text);--hc-btn-label: var(--hc-btn-link-dark-text);border-color:var(--hc-btn-link-dark-border)}.color-scheme-4 .btn--pink,.color-scheme-4 .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline){background-color:var(--hc-btn-primary-fill);color:var(--hc-btn-primary-text);--hc-btn-label: var(--hc-btn-primary-text);border-color:var(--hc-btn-primary-border);box-shadow:var(--hc-btn-shadow) var(--hc-btn-shadow) 0 0 var(--hc-btn-pink-shadow)}.btn--on-dark.btn--pink,.color-scheme-3 .btn--pink,.hc-section--ink .btn--pink,.hc-sg-strip--ink .btn--pink,.footer.hc-footer .btn--pink,.color-scheme-3 .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline),.hc-section--ink .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline),.hc-sg-strip--ink .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline),.footer.hc-footer .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline){border-color:var(--hc-color-paper)}.btn--on-dark:not(.btn--pink):not(.btn--outline):not(.btn--ghost),.button--on-dark:not(.button--secondary):not(.button--tertiary):not(.button--outline){background-color:var(--hc-btn-primary-dark-fill);color:var(--hc-btn-primary-dark-text);--hc-btn-label: var(--hc-btn-primary-dark-text);border-color:var(--hc-btn-primary-dark-border)}.btn--primary:hover,.btn--pink:hover,.animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):hover,.animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):hover,.animate--hover-vertical-lift .customer button:not([disabled]):hover{transform:translate(-1px,-1px)}.btn--primary:hover,.button--primary:hover,.animate--hover-vertical-lift .button--primary:not([disabled]):hover{box-shadow:calc(var(--hc-btn-shadow) + 1px) calc(var(--hc-btn-shadow) + 1px) 0 0 var(--hc-btn-primary-shadow)}.btn--pink:hover,.animate--hover-vertical-lift .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline):not([disabled]):hover{box-shadow:calc(var(--hc-btn-shadow) + 1px) calc(var(--hc-btn-shadow) + 1px) 0 0 var(--hc-btn-pink-shadow)}.btn--primary:active,.btn--pink:active,.animate--hover-vertical-lift .button:not(.button--tertiary):not([disabled]):active,.animate--hover-vertical-lift .shopify-challenge__button:not([disabled]):active,.animate--hover-vertical-lift .customer button:not([disabled]):active{transform:translate(2px,2px)}.btn--primary:active,.button--primary:active,.animate--hover-vertical-lift .button--primary:not([disabled]):active{box-shadow:calc(var(--hc-btn-shadow) - 2px) calc(var(--hc-btn-shadow) - 2px) 0 0 var(--hc-btn-primary-shadow)}.btn--pink:active,.animate--hover-vertical-lift .button:not(.button--primary):not(.button--secondary):not(.button--tertiary):not(.button--outline):not([disabled]):active{box-shadow:calc(var(--hc-btn-shadow) - 2px) calc(var(--hc-btn-shadow) - 2px) 0 0 var(--hc-btn-pink-shadow)}.btn--outline:hover,.button--secondary:hover,.button--outline:hover,.animate--hover-vertical-lift .button--secondary:not(.button--tertiary):not([disabled]):hover,.animate--hover-vertical-lift .button--outline:not(.button--tertiary):not([disabled]):hover{border-color:var(--hc-pink);background-color:var(--hc-tint);transform:none}.btn--outline:active,.button--secondary:active,.button--outline:active,.animate--hover-vertical-lift .button--secondary:not(.button--tertiary):not([disabled]):active,.animate--hover-vertical-lift .button--outline:not(.button--tertiary):not([disabled]):active{transform:translate(1px,1px)}.btn--ghost:hover,.button--tertiary:hover{background-color:var(--hc-ground)}.btn--on-dark.btn--outline:hover,.color-scheme-3 .btn--outline:hover,.hc-section--ink .btn--outline:hover,.hc-sg-strip--ink .btn--outline:hover,.footer.hc-footer .btn--outline:hover,.button--on-dark.button--secondary:not(.button--tertiary):not([disabled]):hover,.color-scheme-3 .button--secondary:not(.button--tertiary):not([disabled]):hover,.color-scheme-3 .button--outline:not(.button--tertiary):not([disabled]):hover,.hc-section--ink .button--secondary:not(.button--tertiary):not([disabled]):hover,.hc-section--ink .button--outline:not(.button--tertiary):not([disabled]):hover,.hc-sg-strip--ink .button--secondary:not(.button--tertiary):not([disabled]):hover,.hc-sg-strip--ink .button--outline:not(.button--tertiary):not([disabled]):hover,.footer.hc-footer .button--secondary:not(.button--tertiary):not([disabled]):hover,.footer.hc-footer .button--outline:not(.button--tertiary):not([disabled]):hover{background-color:var(--hc-ink-70)}.btn--on-dark.btn--ghost:hover,.button--on-dark.button--tertiary:hover,.color-scheme-3 .btn--ghost:hover,.color-scheme-3 .button--tertiary:hover,.hc-section--ink .btn--ghost:hover,.hc-section--ink .button--tertiary:hover,.hc-sg-strip--ink .btn--ghost:hover,.hc-sg-strip--ink .button--tertiary:hover,.footer.hc-footer .btn--ghost:hover,.footer.hc-footer .button--tertiary:hover{background-color:var(--hc-ink-55)}.button:not([disabled]):hover:after,.shopify-challenge__button:hover:after,.customer button:hover:after,.animate--hover-vertical-lift .button:not([disabled]):hover:after{content:none}.btn:focus-visible,.btn.focused,.button:focus-visible,.button.focused,.shopify-challenge__button:focus-visible,.shopify-challenge__button.focused,.customer button:focus-visible,.customer button.focused{outline:2px solid var(--hc-pink);outline-offset:2px}.btn.focus-inset:focus-visible,.btn.focus-inset.focused,.button.focus-inset:focus-visible,.button.focus-inset.focused{outline-offset:-2px}.color-scheme-4 .btn:focus-visible,.color-scheme-4 .btn.focused,.color-scheme-4 .button:focus-visible,.color-scheme-4 .button.focused,.color-scheme-4 .shopify-challenge__button:focus-visible,.color-scheme-4 .shopify-challenge__button.focused{outline-color:var(--hc-ink)}.btn:focus:not(:focus-visible):not(.focused),.button:focus:not(:focus-visible):not(.focused),.shopify-challenge__button:focus:not(:focus-visible):not(.focused),.customer button:focus:not(:focus-visible):not(.focused){outline:0}.btn--pink:focus,.btn--pink:focus-visible,.btn--pink.focused,.button:focus,.button:focus-visible,.button.focused,.button:focus:not(:focus-visible):not(.focused){box-shadow:var(--hc-btn-shadow) var(--hc-btn-shadow) 0 0 var(--hc-btn-pink-shadow)}.btn--primary:focus,.btn--primary:focus-visible,.btn--primary.focused,.button--primary:focus,.button--primary:focus-visible,.button--primary.focused,.button--primary:focus:not(:focus-visible):not(.focused){box-shadow:var(--hc-btn-shadow) var(--hc-btn-shadow) 0 0 var(--hc-btn-primary-shadow)}.btn--outline:focus,.btn--outline:focus-visible,.btn--outline.focused,.btn--ghost:focus,.btn--ghost:focus-visible,.btn--ghost.focused,.button--secondary:focus,.button--secondary:focus-visible,.button--secondary.focused,.button--secondary:focus:not(:focus-visible):not(.focused),.button--outline:focus,.button--outline:focus-visible,.button--outline.focused,.button--outline:focus:not(:focus-visible):not(.focused),.button--tertiary:focus,.button--tertiary:focus-visible,.button--tertiary.focused,.button--tertiary:focus:not(:focus-visible):not(.focused){box-shadow:none}.btn[disabled],.btn[aria-disabled=true],.btn.disabled,.button[disabled],.button[aria-disabled=true],.button.disabled,.shopify-challenge__button[disabled],.customer button[disabled],.customer button[aria-disabled=true],.customer button.disabled{opacity:.45;pointer-events:none;cursor:not-allowed;transform:none}.btn.loading,.button.loading{position:relative;color:var(--hc-btn-label);-webkit-text-fill-color:transparent;text-decoration-color:transparent}.btn.loading>:not(.loading__spinner),.button.loading>:not(.loading__spinner){visibility:hidden}.btn.loading>.loading__spinner,.button.loading>.loading__spinner{display:flex;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%}.btn.loading>.loading__spinner .spinner,.button.loading>.loading__spinner .spinner{width:fit-content}.btn.loading>.loading__spinner .path,.button.loading>.loading__spinner .path{stroke:currentColor}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hc-buttons.css.map */