.sa-btn-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:var(--sa-btn-h-md);padding-inline:var(--sa-btn-px-md);font-family:var(--sa-font);font-size:var(--sa-btn-text-md);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--sa-fg);background:var(--sa-btn-bg);border:none;border-radius:var(--sa-btn-radius);cursor:pointer;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000004d;text-decoration:none;-webkit-appearance:none}.sa-btn-add:hover{background:var(--sa-btn-bg-hover);box-shadow:0 2px 8px #00000059}.sa-btn-add:active{background:var(--sa-btn-bg-active);box-shadow:0 1px 2px #0000004d}.sa-btn-add:focus-visible{outline:2px solid var(--sa-btn-bg);outline-offset:2px}.sa-btn-add:disabled{background:#333;cursor:default;box-shadow:none;color:var(--sa-fg-dim)}.sa-btn-add svg{flex-shrink:0}.sa-btn-add--md{width:auto}.sa-btn-add--sm{width:auto;height:var(--sa-btn-h-sm);padding-inline:var(--sa-btn-px-sm);font-size:var(--sa-btn-text-sm)}.sa-btn-add--xs{width:auto;height:34px;padding-inline:14px;font-size:12px;font-weight:400}@media(max-width:560px){.sa-btn-add--sm{min-height:44px}.sa-btn-add--xs{min-height:36px}}.sa-btn-add--inverted{background:#ffffffeb;color:var(--sa-ink);border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 22px #00000042}.sa-btn-add--inverted:hover{background:#ffffffc7;border-color:#ffffffc7;box-shadow:0 12px 26px #0000004d}.sa-btn-add--inverted:active{background:#ffffffad;border-color:#ffffffad;box-shadow:0 6px 14px #00000038}.sa-btn-ghost{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;height:var(--sa-btn-h-md);padding-inline:var(--sa-btn-px-md);font-family:var(--sa-font);font-size:var(--sa-btn-text-md);font-weight:500;letter-spacing:-.01em;color:var(--sa-fg-secondary);background:transparent;border:1px solid var(--sa-stroke);border-radius:var(--sa-btn-radius);cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;-webkit-appearance:none;text-decoration:none}.sa-btn-ghost:hover{color:var(--sa-fg);border-color:var(--sa-stroke-strong);background:var(--sa-tint-soft)}.sa-btn-ghost:active{color:var(--sa-fg-secondary);border-color:var(--sa-stroke);background:var(--sa-tint-soft)}.sa-btn-ghost:focus-visible{outline:2px solid var(--sa-btn-bg);outline-offset:2px}.sa-btn-ghost--sm{height:var(--sa-btn-h-sm);padding-inline:var(--sa-btn-px-sm);font-size:var(--sa-btn-text-sm)}.sa-btn-ghost--xs{height:34px;padding-inline:14px;font-size:12px}@media(max-width:560px){.sa-btn-ghost--sm{min-height:44px}.sa-btn-ghost--xs{min-height:36px}}.sa-btn-add.sa-btn-icon-right,.sa-btn-ghost.sa-btn-icon-right{padding-right:17px}.sa-btn-add--sm.sa-btn-icon-right,.sa-btn-ghost--sm.sa-btn-icon-right{padding-right:14px}.sa-btn-add--xs.sa-btn-icon-right,.sa-btn-ghost--xs.sa-btn-icon-right{padding-right:11px}.sa-btn-add:has(.sa-btn-add__inner),[data-flip]:has(>.sa-btn-add__inner){padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important;overflow:visible;perspective:800px}.sa-btn-ghost:has(.sa-btn-add__inner),[data-flip].sa-btn-ghost:has(>.sa-btn-add__inner){border:1px solid var(--sa-stroke)!important;transition:border-color .2s ease}.sa-btn-ghost:has(.sa-btn-add__inner):hover,[data-flip].sa-btn-ghost:has(>.sa-btn-add__inner):hover{border-color:var(--sa-stroke-strong)!important}.sa-btn-add__inner{display:inline-flex;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.34,1.35,.64,1);border-radius:inherit}.sa-btn-add__face{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:inherit;line-height:1.2;white-space:nowrap;text-decoration:none}.sa-btn-add__face--front{position:relative;width:100%}.sa-btn-add__face--back{transform:rotateX(180deg)}.sa-btn-add .sa-btn-add__face{padding:0 var(--sa-btn-px-md);font-family:var(--sa-font);font-size:var(--sa-btn-text-md);font-weight:600;letter-spacing:-.01em;color:var(--sa-fg);background:var(--sa-btn-bg);box-shadow:0 1px 3px #0000004d;transition:background .2s ease,box-shadow .2s ease}.sa-btn-add--sm .sa-btn-add__face{padding:0 var(--sa-btn-px-sm);font-size:var(--sa-btn-text-sm)}.sa-btn-add--xs .sa-btn-add__face{padding:0 14px;font-size:12px;font-weight:400}.sa-btn-ghost .sa-btn-add__face{padding:0 var(--sa-btn-px-md);font-family:var(--sa-font);font-size:var(--sa-btn-text-md);font-weight:500;letter-spacing:-.01em;color:var(--sa-fg-secondary);background:transparent;transition:color .2s ease}.sa-btn-ghost--sm .sa-btn-add__face{padding:0 var(--sa-btn-px-sm);font-size:var(--sa-btn-text-sm)}.sa-btn-ghost--xs .sa-btn-add__face{padding:0 14px;font-size:12px}.sa-btn-ghost:not(.is-pending):not(.is-in-cart):not(:disabled):hover .sa-btn-add__face--front{color:var(--sa-fg)}.sa-btn-add.sa-btn-icon-right .sa-btn-add__face,.sa-btn-ghost.sa-btn-icon-right .sa-btn-add__face{padding-right:17px}.sa-btn-add--sm.sa-btn-icon-right .sa-btn-add__face,.sa-btn-ghost--sm.sa-btn-icon-right .sa-btn-add__face{padding-right:14px}.sa-btn-add--xs.sa-btn-icon-right .sa-btn-add__face,.sa-btn-ghost--xs.sa-btn-icon-right .sa-btn-add__face{padding-right:11px}.sa-btn-add:not(.is-pending):not(.is-in-cart):not(:disabled):hover .sa-btn-add__face--front{background:var(--sa-btn-bg-hover);box-shadow:0 2px 8px #00000059}.sa-btn-add:not(.is-pending):not(.is-in-cart):not(:disabled):active .sa-btn-add__face--front{background:var(--sa-btn-bg-active);box-shadow:0 1px 2px #0000004d}.sa-btn-add:disabled .sa-btn-add__face--front{background:#333;color:var(--sa-fg-dim);box-shadow:none}.sa-btn-add--inverted .sa-btn-add__face{background:#ffffffeb;color:var(--sa-ink);box-shadow:0 10px 22px #00000042}.sa-btn-add--inverted:not(.is-pending):not(.is-in-cart):not(:disabled):hover .sa-btn-add__face--front{background:#ffffffc7;box-shadow:0 12px 26px #0000004d}.sa-btn-add--inverted:not(.is-pending):not(.is-in-cart):not(:disabled):active .sa-btn-add__face--front{background:#ffffffad;box-shadow:0 6px 14px #00000038}:is(.sa-btn-add,[data-flip]).is-pending .sa-btn-add__inner,:is(.sa-btn-add,[data-flip]).is-in-cart .sa-btn-add__inner{transform:rotateX(-180deg)}:is(.sa-btn-add,[data-flip]).is-pending,:is(.sa-btn-add,[data-flip]).is-in-cart{cursor:default}.sa-btn-add__spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--sa-stroke-strong);border-top-color:var(--sa-light);animation:sa-btn-add-spin .8s linear infinite;display:none;flex-shrink:0}:is(.sa-btn-add,[data-flip]).is-pending .sa-btn-add__spinner{display:inline-block}:is(.sa-btn-add,[data-flip]).is-pending .sa-btn-add__tick,:is(.sa-btn-add,[data-flip]).is-pending .sa-btn-add__label{display:none}.sa-btn-add__tick{display:inline-block;flex-shrink:0}@keyframes sa-btn-add-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sa-btn-add__inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/sa-btn-add.css.map */