.solfie-cta{--cta-h: 52px;--cta-pad: 5px;--cta-panel: 56px;--cta-font: 11px;--cta-ink: #1c1a19;--cta-bone: #f8f7f5;--cta-accent: #5b4134;--cta-ok: #2f6b57;--cta-bg: var(--cta-ink);--cta-fg: var(--cta-bone);--cta-panel-bg: var(--cta-bone);--cta-panel-fg: var(--cta-ink);--cta-halo: rgb(91 65 52 / 38%);--cta-brilho: rgb(255 255 255 / 24%);--cta-dots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 28'%3E%3Cg fill='%23000'%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3Ccircle cx='10' cy='9' r='2'/%3E%3Ccircle cx='16' cy='14' r='2'/%3E%3Ccircle cx='10' cy='19' r='2'/%3E%3Ccircle cx='4' cy='24' r='2'/%3E%3C/g%3E%3C/svg%3E");position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:var(--cta-h);padding:var(--cta-pad);border:0;border-radius:100px;background:var(--cta-bg);color:var(--cta-fg);font-family:DM Sans,system-ui,sans-serif;font-size:var(--cta-font);font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .25s ease,transform .12s ease,box-shadow .25s ease}.solfie-cta--sm{--cta-h: 44px;--cta-pad: 4px;--cta-panel: 44px;--cta-font: 10px}.solfie-cta--md{--cta-h: 52px;--cta-pad: 5px;--cta-panel: 56px;--cta-font: 11px}.solfie-cta--lg{--cta-h: 60px;--cta-pad: 6px;--cta-panel: 64px;--cta-font: 12px}.solfie-cta--auto{width:auto}.solfie-cta--claro{--cta-bg: var(--cta-bone);--cta-fg: var(--cta-ink);--cta-panel-bg: var(--cta-ink);--cta-panel-fg: var(--cta-bone);--cta-halo: rgb(248 247 245 / 42%);--cta-brilho: rgb(28 26 25 / 12%)}@media(hover:hover)and (pointer:fine){.solfie-cta:hover{background:color-mix(in srgb,var(--cta-bg) 88%,#ffffff);transform:translateY(-1px)}.solfie-cta--claro:hover{background:#fff}}.solfie-cta:active{transform:scale(.985)}.solfie-cta:focus-visible{outline:2px solid var(--cta-accent);outline-offset:3px}.solfie-cta--claro:focus-visible{outline-color:var(--cta-bone)}.solfie-cta:disabled{opacity:.45;cursor:not-allowed}.solfie-cta__panel{position:absolute;top:var(--cta-pad);bottom:var(--cta-pad);left:var(--cta-pad);display:grid;place-items:center;width:var(--cta-panel);border-radius:100px;background:var(--cta-panel-bg);color:var(--cta-panel-fg);overflow:hidden;transition:width .42s cubic-bezier(.22,1,.36,1),background .25s ease}@media(hover:hover)and (pointer:fine){.solfie-cta:hover .solfie-cta__panel,.solfie-cta:focus-visible .solfie-cta__panel{width:calc(100% - var(--cta-pad) * 2)}}.solfie-cta__dots{width:13px;height:18px;background:currentColor;-webkit-mask:var(--cta-dots) center / contain no-repeat;mask:var(--cta-dots) center / contain no-repeat}.solfie-cta--lg .solfie-cta__dots{width:15px;height:21px}.solfie-cta__dots--solo{transition:opacity .1s ease}@media(hover:hover)and (pointer:fine){.solfie-cta:hover .solfie-cta__dots--solo,.solfie-cta:focus-visible .solfie-cta__dots--solo{opacity:0}}.solfie-cta__trail{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-around;padding:0 12px;opacity:0;pointer-events:none}.solfie-cta__trail .solfie-cta__dots{opacity:0;transform:translate(-6px);transition:opacity .18s ease,transform .18s ease}.solfie-cta__trail .solfie-cta__dots:nth-child(1){--dot: 1}.solfie-cta__trail .solfie-cta__dots:nth-child(2){--dot: .78}.solfie-cta__trail .solfie-cta__dots:nth-child(3){--dot: .54}.solfie-cta__trail .solfie-cta__dots:nth-child(4){--dot: .32}.solfie-cta__trail .solfie-cta__dots:nth-child(5){--dot: .16}@media(hover:hover)and (pointer:fine){.solfie-cta:hover .solfie-cta__trail,.solfie-cta:focus-visible .solfie-cta__trail{opacity:1}.solfie-cta:hover .solfie-cta__trail .solfie-cta__dots,.solfie-cta:focus-visible .solfie-cta__trail .solfie-cta__dots{opacity:var(--dot, 1);transform:translate(0)}.solfie-cta:hover .solfie-cta__trail .solfie-cta__dots:nth-child(1),.solfie-cta:focus-visible .solfie-cta__trail .solfie-cta__dots:nth-child(1){transition-delay:.04s}.solfie-cta:hover .solfie-cta__trail .solfie-cta__dots:nth-child(2),.solfie-cta:focus-visible .solfie-cta__trail .solfie-cta__dots:nth-child(2){transition-delay:65ms}.solfie-cta:hover .solfie-cta__trail .solfie-cta__dots:nth-child(3),.solfie-cta:focus-visible .solfie-cta__trail .solfie-cta__dots:nth-child(3){transition-delay:.09s}.solfie-cta:hover .solfie-cta__trail .solfie-cta__dots:nth-child(4),.solfie-cta:focus-visible .solfie-cta__trail .solfie-cta__dots:nth-child(4){transition-delay:.115s}.solfie-cta:hover .solfie-cta__trail .solfie-cta__dots:nth-child(5),.solfie-cta:focus-visible .solfie-cta__trail .solfie-cta__dots:nth-child(5){transition-delay:.14s}}.solfie-cta__label{position:relative;z-index:1;margin-left:calc(var(--cta-panel) + var(--cta-pad) * 2 + 8px);margin-right:16px;white-space:nowrap;line-height:1;transition:opacity .12s ease,transform .12s ease}@media(hover:hover)and (pointer:fine){.solfie-cta:hover .solfie-cta__label,.solfie-cta:focus-visible .solfie-cta__label{opacity:0;transform:translate(6px)}}.solfie-cta__check{position:absolute;width:20px;height:20px;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}.solfie-cta.is-done{background:var(--cta-ok)}.solfie-cta.is-done .solfie-cta__panel{width:calc(100% - var(--cta-pad) * 2);background:transparent;color:var(--cta-bone)}.solfie-cta.is-done .solfie-cta__dots--solo,.solfie-cta.is-done .solfie-cta__trail{opacity:0}.solfie-cta.is-done .solfie-cta__check{opacity:1;transform:scale(1)}.solfie-cta.is-destaque{animation:solfie-cta-halo 5.2s ease-in-out infinite}.solfie-cta.is-destaque:before{content:"";position:absolute;top:0;bottom:0;left:0;z-index:3;width:45%;background:linear-gradient(100deg,transparent,var(--cta-brilho),transparent);transform:translate(-150%) skew(-18deg);pointer-events:none;animation:solfie-cta-brilho 5.2s ease-in-out infinite}.solfie-cta.is-destaque .solfie-cta__dots--solo{animation:solfie-cta-cutucao 5.2s ease-in-out infinite}@keyframes solfie-cta-halo{0%,52%,to{box-shadow:0 0 #0000}20%{box-shadow:0 0 0 0 var(--cta-halo)}38%{box-shadow:0 0 0 12px #0000}}@keyframes solfie-cta-brilho{0%,6%{transform:translate(-150%) skew(-18deg);opacity:0}11%{opacity:1}30%{transform:translate(250%) skew(-18deg);opacity:0}to{transform:translate(250%) skew(-18deg);opacity:0}}@keyframes solfie-cta-cutucao{0%,32%,52%,to{transform:translate(0)}40%{transform:translate(3px)}46%{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.solfie-cta,.solfie-cta__panel,.solfie-cta__label,.solfie-cta__dots,.solfie-cta__check{transition:none!important}.solfie-cta.is-destaque,.solfie-cta.is-destaque:before,.solfie-cta.is-destaque .solfie-cta__dots--solo{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/solfie-cta.css.map */