.tp-button{position:relative;overflow:hidden;isolation:isolate;width:fit-content;font-family:var(--tp-font-body, inherit);font-size:18px;font-weight:700;line-height:1.4;padding:12px 64px;display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;text-decoration:none;border:0;cursor:pointer;border-radius:999px;background-color:var(--tp-btn-bg, #000);color:var(--tp-btn-color, #fff);transform:translateY(0);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--tp-btn-bg, #000) 30%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background-color .3s ease}.tp-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translate(-110%);transition:transform .7s ease;pointer-events:none;z-index:-1}.tp-button:hover{transform:translateY(-3px);box-shadow:0 14px 30px -10px color-mix(in srgb,var(--tp-btn-bg, #000) 55%,transparent)}.tp-button:hover:before{transform:translate(110%)}.tp-button:active{transform:translateY(-1px) scale(.98);transition-duration:.12s}.tp-button:focus-visible{outline:2px solid color-mix(in srgb,var(--tp-btn-bg, #000) 70%,white);outline-offset:3px}.tp-button__label{position:relative;z-index:1}.tp-button__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tp-button:hover .tp-button__icon{transform:translate(4px) rotate(-3deg)}.tp-button__icon svg{width:100%;height:100%;display:block}.tp-button--sm{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:13px 30px;gap:5px}.tp-button--sm .tp-button__icon{width:16px;height:16px}@media screen and (max-width:749px){.tp-button{width:100%;padding:12px 24px}.tp-button--sm{width:auto;padding:13px 30px}}@media(prefers-reduced-motion:reduce){.tp-button,.tp-button:before,.tp-button__icon{transition:none}.tp-button:hover,.tp-button:hover .tp-button__icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tp-button.css.map */
