:root{--pet-btn-hover: rgba(0, 0, 0, .12);--pet-paw-color: rgba(0, 0, 0, .55)}.product-form__submit.pet-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .16s ease,box-shadow .16s ease}.product-form__submit.pet-btn.is-clicking{animation:buttonPress .36s cubic-bezier(.2,.9,.2,1)}@keyframes buttonPress{0%{transform:translateY(-1px) scale(1)}42%{transform:translateY(1px) scale(.975)}to{transform:translateY(-1px) scale(1)}}.pet-btn .btn-text{position:relative;z-index:6;display:inline-block;transition:transform .22s ease,letter-spacing .22s ease}.pet-btn.is-added .btn-text{letter-spacing:.8px;transform:scale(1.03)}span.extra_text{height:0px;width:0px;overflow:hidden}.pet-btn .hover-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pet-btn-hover);z-index:1;opacity:0;transform:translate(-100%);pointer-events:none}.pet-btn.is-hovered .hover-fill{animation:fillIn .72s cubic-bezier(.22,.9,.22,1) forwards}.pet-btn.is-leaving .hover-fill{animation:fillFadeOut .28s ease forwards}@keyframes fillIn{0%{opacity:1;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fillFadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.pet-btn .paw-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.pet-btn .paw{position:absolute;width:56px;height:56px;color:var(--pet-paw-color);opacity:0;transform-origin:center}.pet-btn .paw-1{left:8%;top:-4px;--r: -4deg;animation:pawWalk 1.5s linear infinite;animation-delay:0s}.pet-btn .paw-2{left:28%;top:18px;--r: 5deg;animation:pawWalk 1.5s linear infinite;animation-delay:.3s}.pet-btn .paw-3{left:48%;top:-4px;--r: -4deg;animation:pawWalk 1.5s linear infinite;animation-delay:.6s}.pet-btn .paw-4{left:68%;top:18px;--r: 5deg;animation:pawWalk 1.5s linear infinite;animation-delay:.9s}.pet-btn .paw-5{left:88%;top:-4px;--r: -4deg;animation:pawWalk 1.5s linear infinite;animation-delay:1.2s}@keyframes pawWalk{0%{opacity:0;transform:scale(1.25) rotate(var(--r))}12%{opacity:.75;transform:scale(.95) rotate(var(--r))}20%{opacity:.65;transform:scale(1) rotate(var(--r))}40%{opacity:.45;transform:scale(1) rotate(var(--r))}to{opacity:0;transform:scale(1) rotate(var(--r))}}.pet-btn .click-ripple{position:absolute;width:110px;height:110px;left:50%;top:50%;border-radius:999px;background:#ffffff29;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:2;pointer-events:none}.pet-btn.is-clicking .click-ripple{animation:clickRipple .52s ease forwards}@keyframes clickRipple{0%{opacity:.5;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2.3)}}@media(prefers-reduced-motion:reduce){.pet-btn,.pet-btn *{animation:none!important;transition:none!important}.pet-btn .hover-fill{opacity:1;transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-animated-add-to-cart.css.map */