button{background:none;border:none;color:inherit;cursor:pointer;padding:0}.btn-outline,.btn-primary{-webkit-align-items:center;align-items:center;display:-webkit-inline-flex;display:inline-flex;height:40px;-webkit-justify-content:center;justify-content:center;letter-spacing:.01em;padding:0 24px;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 32px}}.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(--color-button-primary-bgr);border-radius:2px;color:var(--color-button-primary-label);font-size:12px;font-weight:700;text-transform:uppercase}.btn-primary--lower{font-size:14px;font-weight:500;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(--color-button-primary-bgr-hover);color:var(--color-button-primary-bgr)}.btn-outline{background:none;border:1px solid;border-radius:10px;color:var(--color-accent);font-size:20px;font-weight:400}.btn-outline.upper{font-size:12px;font-weight:700;text-transform:uppercase}.btn-outline--small{font-size:12px;font-weight:400}.btn-outline--gray{color:#737171}.btn-outline--gray:hover{color:var(--color-black)}.btn-outline--lower{font-size:14px;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:10px!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:8px;-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:12px}}@media only screen and (min-width:1400px){.btn-arrow{gap:12px}}.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}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-buttons.css.map */