@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:14px;appearance:none;isolation:isolate;padding:calc(var(--gooey-size)) calc(var(--gooey-size) * 1.55);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;font-size:.875rem;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:#f2f2f2;--gooey-ink:100%;color:var(--color-text)}@media (width>=768px){.gooey-btn{font-size:.975rem}}.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-shape:.85em;--gooey-gap:.55em;--gooey-slide:.58s cubic-bezier(.165, .84, .44, 1);z-index:1;align-items:center;display:inline-flex;position:relative;overflow:hidden}.gooey-btn__shape{width:var(--gooey-shape);height:var(--gooey-shape);transition:width var(--gooey-slide), 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__blob{transform-origin:50%;will-change:transform;background-color:currentColor;width:100%;height:100%;display:block}.gooey-btn__shape--left{margin-right:var(--gooey-gap);opacity:1;transform:translate(0)}.gooey-btn__shape--right{opacity:0;width:0;margin-left:0;transform:translate(120%)}.gooey-btn__label{display:inline-block}.gooey-btn:hover .gooey-btn__shape--left,.gooey-btn:focus-visible .gooey-btn__shape--left{opacity:0;width:0;margin-right:0;transform:translate(-120%)}.gooey-btn:hover .gooey-btn__shape--right,.gooey-btn:focus-visible .gooey-btn__shape--right{width:var(--gooey-shape);margin-left:var(--gooey-gap);opacity:1;transform:translate(0)}.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(5px)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__shape{transition:none}}}