:root{--nk-black:#000000;--nk-white:#FFFFFF;--nk-pink:#FF66C4;--nk-pink-pressed:#E44FAD;--nk-orange:#F18100;--nk-orange-pressed:#D97300;--nk-cloud:#F0EEE9;--nk-ink-soft:#222222;--nk-disabled-bg:#E8E8E8;--nk-disabled-text:#FDFDFD}.nk-btn{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:110px;padding:0 26px;border:1px solid transparent;border-radius:0;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:1;letter-spacing:normal;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;background:var(--nk-black);color:var(--nk-white);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.nk-btn:active{transition:none}.nk-btn:focus-visible{outline:2px solid var(--nk-black);outline-offset:3px}.nk-btn:disabled,.nk-btn[aria-disabled=true]:where(:not([role=link])){background:var(--nk-disabled-bg);color:var(--nk-disabled-text);border-color:transparent;cursor:not-allowed}.nk-btn[aria-disabled=true]{pointer-events:none}.nk-btn:active:not(:disabled):not([aria-disabled=true]){background:var(--nk-cloud);color:var(--nk-black);border-color:var(--nk-black)}@media(hover:hover)and (pointer:fine){.nk-btn:hover:not(:disabled):not([aria-disabled=true]):not(:active){background:var(--nk-white);color:var(--nk-black);border-color:var(--nk-black)}}.nk-btn--pink{background:var(--nk-pink);color:var(--nk-white)}.nk-btn--pink:active:not(:disabled):not([aria-disabled=true]){background:var(--nk-pink-pressed);color:var(--nk-white);border-color:transparent}@media(hover:hover)and (pointer:fine){.nk-btn--pink:hover:not(:disabled):not([aria-disabled=true]):not(:active){background:var(--nk-white);color:var(--nk-pink);border-color:var(--nk-pink)}}.nk-btn--orange{background:var(--nk-orange);color:var(--nk-white)}.nk-btn--orange:active:not(:disabled):not([aria-disabled=true]){background:var(--nk-orange-pressed);color:var(--nk-white);border-color:transparent}@media(hover:hover)and (pointer:fine){.nk-btn--orange:hover:not(:disabled):not([aria-disabled=true]):not(:active){background:var(--nk-white);color:var(--nk-orange);border-color:var(--nk-orange)}}.nk-btn--outline{background:var(--nk-white);color:var(--nk-black);border-color:var(--nk-black)}.nk-btn--outline:active:not(:disabled):not([aria-disabled=true]){background:var(--nk-ink-soft);color:var(--nk-white);border-color:var(--nk-ink-soft)}@media(hover:hover)and (pointer:fine){.nk-btn--outline:hover:not(:disabled):not([aria-disabled=true]):not(:active){background:var(--nk-black);color:var(--nk-white);border-color:var(--nk-black)}}.nk-btn--outline:disabled,.nk-btn--outline[aria-disabled=true]:where(:not([role=link])){background:var(--nk-white);color:#c9c9c9;border-color:#ddd}.nk-btn--cloud{background:var(--nk-cloud);color:var(--nk-black)}.nk-btn--cloud:active:not(:disabled):not([aria-disabled=true]){background:var(--nk-ink-soft);color:var(--nk-white);border-color:transparent}@media(hover:hover)and (pointer:fine){.nk-btn--cloud:hover:not(:disabled):not([aria-disabled=true]):not(:active){background:var(--nk-black);color:var(--nk-white);border-color:transparent}}.nk-btn--white{background:var(--nk-white);color:var(--nk-black)}.nk-btn--white:focus-visible{outline-color:var(--nk-white)}.nk-btn--white:active:not(:disabled):not([aria-disabled=true]){background:#ffffff26;color:var(--nk-white);border-color:var(--nk-white)}@media(hover:hover)and (pointer:fine){.nk-btn--white:hover:not(:disabled):not([aria-disabled=true]):not(:active){background:transparent;color:var(--nk-white);border-color:var(--nk-white)}}.nk-btn--white:disabled,.nk-btn--white[aria-disabled=true]:where(:not([role=link])){background:transparent;color:#ffffff73;border-color:#ffffff59}.nk-btn--block{display:flex;width:100%}@media(max-width:749px){.nk-btn{padding:0 20px;min-width:96px}:where(.nk-btn){position:relative}.nk-btn:after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}}:where(.nk-btn){width:fit-content;margin-block:0}.nk-btn.loading{position:relative;pointer-events:none;color:transparent!important}.nk-btn.loading>*:not(.loading__spinner){visibility:hidden}.nk-btn.loading:is(:disabled,[aria-disabled=true]){background:var(--nk-black);border-color:transparent}.nk-btn--pink.loading:is(:disabled,[aria-disabled=true]){background:var(--nk-pink)}.nk-btn--orange.loading:is(:disabled,[aria-disabled=true]){background:var(--nk-orange)}.nk-btn--outline.loading:is(:disabled,[aria-disabled=true]){background:var(--nk-white);border-color:var(--nk-black)}.nk-btn--cloud.loading:is(:disabled,[aria-disabled=true]){background:var(--nk-cloud)}.nk-btn--white.loading:is(:disabled,[aria-disabled=true]){background:var(--nk-white)}.nk-btn.is-variant-loading[aria-disabled=true]{background:var(--nk-black);color:var(--nk-white);border-color:transparent;cursor:progress}.nk-btn--pink.is-variant-loading[aria-disabled=true]{background:var(--nk-pink)}.nk-btn--orange.is-variant-loading[aria-disabled=true]{background:var(--nk-orange)}.nk-btn--outline.is-variant-loading[aria-disabled=true]{background:var(--nk-white);color:var(--nk-black);border-color:var(--nk-black)}.nk-btn--cloud.is-variant-loading[aria-disabled=true]{background:var(--nk-cloud);color:var(--nk-black)}.nk-btn--white.is-variant-loading[aria-disabled=true]{background:var(--nk-white);color:var(--nk-black)}.nk-btn>.loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.nk-btn>.loading__spinner.hidden{display:none}.nk-btn>.loading__spinner .spinner{width:20px;height:20px}.nk-btn>.loading__spinner .path{stroke:var(--nk-white)}.nk-btn--outline>.loading__spinner .path,.nk-btn--cloud>.loading__spinner .path,.nk-btn--white>.loading__spinner .path{stroke:var(--nk-black)}:where(.nk-btn) svg{width:16px;height:16px;flex:none}:where(.nk-btn) svg:not([fill=none]){fill:currentColor}.nk-btn-row{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:749px){.nk-btn-row{flex-direction:column;gap:10px}}.shopify-payment-button .shopify-payment-button__button--unbranded{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;height:40px;min-height:40px;padding:0 26px;border:1px solid var(--nk-black);border-radius:0;box-shadow:none;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;background:var(--nk-white);color:var(--nk-black);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.shopify-payment-button .shopify-payment-button__button--unbranded:active:not(:disabled){transition:none;background:var(--nk-ink-soft);color:var(--nk-white);border-color:var(--nk-ink-soft)}.shopify-payment-button .shopify-payment-button__button--unbranded:focus-visible{outline:2px solid var(--nk-black);outline-offset:3px}.shopify-payment-button .shopify-payment-button__button--unbranded:disabled{background:var(--nk-white);color:#c9c9c9;border-color:#ddd;cursor:not-allowed}@media(hover:hover)and (pointer:fine){.shopify-payment-button .shopify-payment-button__button--unbranded:hover:not(:disabled):not(:active){background:var(--nk-black);color:var(--nk-white);border-color:var(--nk-black)}}@media(max-width:749px){.shopify-payment-button .shopify-payment-button__button--unbranded{padding:0 20px}}.email-me-button.email-me-button{box-sizing:border-box!important;height:40px!important;min-height:40px!important;padding:0 26px!important;border:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;font-family:Montserrat,sans-serif!important;font-weight:600!important;font-size:14px!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;white-space:nowrap!important;background:var(--nk-black)!important;color:var(--nk-white)!important;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.email-me-button.email-me-button:active{transition:none;background:var(--nk-cloud)!important;color:var(--nk-black)!important;border-color:var(--nk-black)!important}.email-me-button.email-me-button:focus-visible{outline:2px solid var(--nk-black)!important;outline-offset:3px!important}@media(hover:hover)and (pointer:fine){.email-me-button.email-me-button:hover:not(:active){background:var(--nk-white)!important;color:var(--nk-black)!important;border-color:var(--nk-black)!important}}@media(max-width:749px){.email-me-button.email-me-button{padding:0 20px!important}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/nk-buttons.css.map */