@layer components{@property --gooey-a{syntax:"<percentage>";inherits:true;initial-value:0%}.gooey-btn__filter{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.gooey-btn{--gooey-a:0%;--gooey-x:50;--gooey-y:50;--gooey-button:#1d1c1c;--gooey-ink:0%;--gooey-size:1.35em;--gooey-bleed:10px;appearance:none;isolation:isolate;border-radius:var(--radius-xs);color:var(--color-white);font-family:var(--font-sans);letter-spacing:-.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:1.15rem 1.9rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:--gooey-a .65s cubic-bezier(.165,.84,.44,1);display:inline-flex;position:relative;overflow:hidden}.gooey-btn--light{--gooey-button:var(--color-cream);--gooey-ink:100%;color:var(--color-text)}@media (width>=768px){.gooey-btn{padding:1.3rem 2.15rem;font-size:.95rem}}.gooey-btn:hover,.gooey-btn:focus-visible{--gooey-a:100%;outline:none;transition:--gooey-a .38s cubic-bezier(.165,.84,.44,1)}.gooey-btn__content{--gooey-arrow-w:1.45em;--gooey-arrow-h:1.15em;--gooey-gap:.5em;--gooey-slide:.58s cubic-bezier(.165, .84, .44, 1);z-index:1;align-items:center;display:inline-flex;position:relative;overflow:hidden}.gooey-btn__arrow{width:var(--gooey-arrow-w);height:var(--gooey-arrow-h);transition:margin var(--gooey-slide), opacity .4s cubic-bezier(.165, .84, .44, 1), transform var(--gooey-slide);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.gooey-btn__arrow-icon{width:100%;height:100%;display:block}.gooey-btn__arrow--left{margin-right:calc(-1 * var(--gooey-arrow-w));opacity:0;pointer-events:none;transform:translate(-120%)}.gooey-btn__arrow--right{margin-left:var(--gooey-gap);opacity:1;transform:translate(0)}.gooey-btn__label{display:inline-block;transform:translateY(.06em)}.gooey-btn:hover .gooey-btn__arrow--left,.gooey-btn:focus-visible .gooey-btn__arrow--left{margin-right:var(--gooey-gap);opacity:1;pointer-events:auto;transform:translate(0)}.gooey-btn:hover .gooey-btn__arrow--right,.gooey-btn:focus-visible .gooey-btn__arrow--right{margin-left:calc(-1 * var(--gooey-arrow-w));opacity:0;pointer-events:none;transform:translate(120%)}.gooey-btn:before{content:"";z-index:-1;border:inherit;padding:var(--gooey-bleed);background-image:linear-gradient(0deg, var(--gooey-button), var(--gooey-button)), radial-gradient(40% 70% at calc(var(--gooey-x) * 1%) calc(var(--gooey-y) * 1%), hsla(0deg, 0%, var(--gooey-ink), var(--gooey-a)) 0%, transparent 90%);filter:blur(4px)url(#gooey-btn-filter);pointer-events:none;background-clip:content-box,border-box;border-radius:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.gooey-btn,.gooey-btn__arrow{transition:none}}}