button{background:none;border:none;color:inherit;cursor:pointer;padding:0}.btn-underline{font-size:var(--fs-lead);text-decoration:underline}.btn-underline.btn-underline--white{color:var(--color-white)}@media screen and (max-width:991px){.btn-underline{font-size:var(--fs-strong)}}.btn-outline,.btn-primary{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;height:var(--btn-h, 40px);-webkit-justify-content:center;justify-content:center;letter-spacing:var(--btn-ls, .01em);padding:0 var(--btn-px, var(--sp-24));position:relative;text-align:center;z-index:2}@media only screen and (min-width:1400px){.btn-outline--large,.btn-primary--large{height:46px;padding:0 var(--sp-32)}}.btn-outline:disabled,.btn-outline[disabled],.btn-primary:disabled,.btn-primary[disabled]{opacity:.3;pointer-events:none}.btn-outline.loading,.btn-primary.loading{color:transparent}.btn-primary{background:var(--btn-bg, var(--color-button-primary-bgr));border-radius:var(--radius);color:var(--btn-fg, var(--color-button-primary-label));font-size:var(--btn-fs, var(--fs-label));font-weight:var(--btn-fw, var(--fw-bold));text-transform:var(--btn-tt, uppercase)}.btn-primary--lower{font-size:var(--fs-body);font-weight:var(--fw-bold);letter-spacing:0;text-transform:none}.btn-primary--white{background:var(--color-button-primary-label);color:var(--color-button-primary-bgr)}.btn-primary--outline{background:transparent;border:1px solid var(--color-button-primary-bgr);color:var(--color-button-primary-bgr);border-radius:2px}.btn-primary--outline:hover{color:var(--color-button-primary-label);background:transparent!important}.btn-primary:hover{background:var(--btn-bg-hover, var(--color-button-primary-bgr-hover));color:var(--btn-fg-hover, var(--color-button-primary-label))}.btn-outline{background:none;border:1px solid;border-radius:var(--radius);color:var(--color-accent);font-size:var(--btn-fs, var(--fs-lead));font-weight:var(--btn-fw, var(--fw-regular))}.btn-outline.upper{--btn-fs: var(--fs-label);--btn-fw: var(--fw-bold);--btn-tt: uppercase}.btn-outline--small{font-size:var(--fs-label);font-weight:var(--fw-regular)}.btn-outline--gray{color:var(--color-gray-6)}.btn-outline--gray:hover{color:var(--color-black)}.btn-outline--lower{font-size:var(--fs-body);letter-spacing:0;text-transform:none}.btn-outline[data-limit-message]{display:none}.btn-outline.loading{color:var(--color-black)}.btn-outline.loading span:not(.loader){opacity:0}.shopify-pc__banner__btn-accept,.shopify-pc__banner__btn-decline,.shopify-pc__prefs__header-actions button[type=button]{border-radius:2px!important}.btn-arrow{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;-webkit-flex-direction:column;flex-direction:column;gap:var(--sp-8);-webkit-justify-content:center;justify-content:center}.btn-arrow [data-icon-small]{margin-top:3px}.btn-arrow [data-icon-large]{display:none}.btn-arrow .title{margin:0}.btn-arrow--animated .h2,.btn-arrow--animated .title,.btn-arrow--animated svg{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .5s linear,-webkit-transform .7s linear;transition:transform .7s linear,opacity .5s linear;transition:transform .7s linear,opacity .5s linear,-webkit-transform .7s linear}@media only screen and (min-width:1200px){.btn-arrow [data-icon-small]{display:none}.btn-arrow [data-icon-large]{display:block;margin-top:var(--sp-12)}}@media only screen and (min-width:1400px){.btn-arrow{gap:var(--sp-12)}}.btn-circle{-webkit-align-items:center;align-items:center;aspect-ratio:1/1;border:1px solid var(--color-gray-6);border-radius:10px;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;min-width:40px;text-align:center;width:40px}.btn-circle .icon{width:16px}.btn-circle .icon--heart{width:20px}.btn-circle:hover{border-color:var(--color-black)}.is-animated+.btn-arrow--animated .h2,.is-animated+.btn-arrow--animated .title{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition-delay:.8s}.is-animated+.btn-arrow--animated svg{-webkit-animation:arrow 1.4s linear .9s;animation:arrow 1.4s linear .9s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes arrow{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}30%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1) rotate(90deg);transform:scale(1) rotate(90deg)}}@keyframes arrow{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}30%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:1;-webkit-transform:scale(1) rotate(90deg);transform:scale(1) rotate(90deg)}}.arrow:disabled,.arrow[aria-disabled=true]{color:var(--color-gray-5);pointer-events:none}.arrow svg{width:24px}@media only screen and (min-width:1900px){.arrow svg{width:32px}}[data-copy-clipboard] .icon--copied{display:none}[data-copy-clipboard].done{pointer-events:none}[data-copy-clipboard].done .icon--share{display:none}[data-copy-clipboard].done .icon--copied{display:block}.btn-outline--load-more{font-size:var(--fs-strong);color:var(--color-text-muted);padding:var(--sp-12) var(--sp-64);border-color:var(--color-gray-3)}
/*# sourceMappingURL=/cdn/shop/t/51/assets/component-buttons.css.map */