.lb{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:600;text-decoration:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;outline:none}.lb:focus-visible{outline:2px solid var(--loft-accent, #ff5516);outline-offset:2px}.lb:disabled,.lb[aria-disabled=true]{opacity:.4;pointer-events:none}:root{--lb-ease: cubic-bezier(.25, .1, .25, 1);--lb-duration: .35s}.lb-primary{background:var(--loft-accent, #ff5516);color:#fff;border-radius:var(--loft-radius-pill, 100px);padding:14px 32px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:background var(--lb-duration) var(--lb-ease),transform var(--lb-duration) var(--lb-ease),box-shadow .5s var(--lb-ease)}.lb-primary:hover{background:var(--loft-accent-hover, #ea580c);transform:translateY(-1px);box-shadow:0 4px 20px #ff55164d}.lb-primary:active{transform:translateY(0);box-shadow:none;transition-duration:.1s}.lb-secondary{background:transparent;color:var(--loft-text, #fafafa);border:1.5px solid var(--loft-border, rgba(255, 255, 255, .1));border-radius:var(--loft-radius-pill, 100px);padding:13px 30px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:border-color .5s var(--lb-ease),background .5s var(--lb-ease),transform var(--lb-duration) var(--lb-ease)}.lb-secondary:hover{border-color:#ffffff2e;background:#ffffff0a;transform:translateY(-1px)}.lb-secondary:active{transform:translateY(0);background:#ffffff0f;transition-duration:.1s}.lb-ghost{background:transparent;color:var(--loft-text-muted, #a1a1aa);border-radius:var(--loft-radius-lg, 8px);padding:10px 20px;font-size:13px;font-weight:500;letter-spacing:.02em;transition:background .4s var(--lb-ease),color .4s var(--lb-ease)}.lb-ghost:hover{background:#ffffff0d;color:var(--loft-text, #fafafa)}.lb-ghost:active{background:#ffffff14;transition-duration:.1s}.lb-accent-outline{background:transparent;color:var(--loft-accent, #ff5516);border:1.5px solid var(--loft-accent, #ff5516);border-radius:var(--loft-radius-pill, 100px);padding:13px 30px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;z-index:0;transition:color .4s var(--lb-ease),box-shadow .5s var(--lb-ease)}.lb-accent-outline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--loft-accent, #ff5516);z-index:-1;transform:scaleX(0);transform-origin:left center;transition:transform .4s var(--lb-ease)}.lb-accent-outline:hover{color:#fff;box-shadow:0 4px 16px #ff551626}.lb-accent-outline:hover:before{transform:scaleX(1)}.lb-accent-outline:active{box-shadow:none;transition-duration:.1s}.lb-pill{background:transparent;color:var(--loft-text-muted, #a1a1aa);border:1px solid var(--loft-border, rgba(255, 255, 255, .1));border-radius:var(--loft-radius-pill, 100px);padding:8px 20px;font-size:12px;font-weight:500;letter-spacing:.03em;transition:all .4s var(--lb-ease)}.lb-pill:hover{border-color:#ff551659;color:var(--loft-text, #fafafa);background:#ff55161a}.lb-pill:active{transform:scale(.97);transition-duration:.1s}.lb-pill.is-active{background:#ff551626;border-color:#ff551659;color:var(--loft-text, #fafafa)}.lb-icon{background:#ffffff0d;color:var(--loft-text-muted, #a1a1aa);border:1px solid var(--loft-border-subtle, rgba(255, 255, 255, .05));border-radius:50%;width:40px;height:40px;padding:0;transition:all var(--lb-duration) var(--lb-ease)}.lb-icon:hover{background:#ffffff17;border-color:var(--loft-border, rgba(255, 255, 255, .1));color:var(--loft-text, #fafafa)}.lb-icon:active{background:#ffffff1f;transition-duration:.1s}.lb-icon--sm{width:32px;height:32px}.lb-icon--lg{width:48px;height:48px}.lb-link{background:none;color:var(--loft-text-muted, #a1a1aa);padding:4px 0;font-size:13px;font-weight:500;letter-spacing:.02em;border-radius:0;transition:color .4s var(--lb-ease)}.lb-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--loft-accent, #ff5516);transition:width .5s var(--lb-ease)}.lb-link:hover{color:var(--loft-text, #fafafa)}.lb-link:hover:after{width:100%}.lb-link .lb-arrow{display:inline-block;transition:transform .5s var(--lb-ease)}.lb-link:hover .lb-arrow{transform:translate(4px)}.lb-gradient{background:var(--loft-gradient-accent, linear-gradient(135deg, #ea580c 0%, #f97316 50%, #fb923c 100%));color:#fff;border-radius:var(--loft-radius-pill, 100px);padding:14px 36px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;background-size:200% 100%;background-position:0% 50%;transition:background-position .8s var(--lb-ease),transform var(--lb-duration) var(--lb-ease),box-shadow .6s var(--lb-ease)}.lb-gradient:hover{background-position:100% 50%;transform:translateY(-1px);box-shadow:0 4px 24px #ff551640}.lb-gradient:active{transform:translateY(0);box-shadow:none;transition-duration:.1s}.lb-glass{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--loft-text, #fafafa);border:1px solid var(--loft-border, rgba(255, 255, 255, .1));border-radius:var(--loft-radius-pill, 100px);padding:12px 28px;font-size:13px;font-weight:500;letter-spacing:.03em;transition:all .4s var(--lb-ease)}.lb-glass:hover{background:#ffffff14;border-color:#ffffff2e;transform:translateY(-1px)}.lb-glass:active{transform:translateY(0);background:#ffffff1a;transition-duration:.1s}.lb-play{background:var(--loft-accent, #ff5516);color:#fff;border-radius:50%;width:56px;height:56px;padding:0;transition:all .4s var(--lb-ease);box-shadow:0 0 #ff551600}.lb-play:hover{transform:scale(1.05);box-shadow:0 0 0 8px #ff55161f}.lb-play:active{transform:scale(.97);transition-duration:.1s}.lb-play--pulse{animation:lb-pulse 2.5s ease-in-out infinite}@keyframes lb-pulse{0%,to{box-shadow:0 0 #ff551633}50%{box-shadow:0 0 0 12px #ff551600}}.lb-sm{padding:8px 20px;font-size:11px;gap:6px}.lb-lg{padding:16px 40px;font-size:14px;gap:10px}.lb.is-loading{color:transparent;pointer-events:none}.lb.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:lb-spin .7s linear infinite}@keyframes lb-spin{to{transform:rotate(360deg)}}.lb svg{width:16px;height:16px;flex-shrink:0}.lb-icon svg{width:18px;height:18px}.lb-icon--sm svg{width:14px;height:14px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/loftsails-buttons-2.0.css.map */