@property --btn-primary-t{syntax:"<number>";inherits:true;initial-value:0}@property --btn-primary-tint{syntax:"<color>";inherits:true;initial-value:#0000}.btn-primary{--btn-primary-t:0;--btn-primary-tint:transparent;isolation:isolate;padding-right:var(--btn-primary-icon,3rem);transition:--btn-primary-t var(--duration-slow)var(--ease-standard),--btn-primary-tint var(--duration-fast)var(--ease-standard);position:relative}.btn-primary:where(:hover,:focus-visible),.btn-primary[data-force-hover=true]{--btn-primary-t:1;--btn-primary-tint:#fff3}.btn-primary:active{--btn-primary-tint:#ffffff1a}:is(.dark *).btn-primary:where(:hover,:focus-visible),:is(.dark *).btn-primary[data-force-hover=true]{--btn-primary-tint:#0a0a0a33}:is(.dark *).btn-primary:active{--btn-primary-tint:#0a0a0a1a}.btn-primary-surface{background-color:var(--primary);background-image:linear-gradient(0deg,var(--btn-primary-tint),var(--btn-primary-tint))}.btn-primary-goo{z-index:0;pointer-events:none;position:absolute;inset:0}.btn-primary-pill-ghost{inset-block:0;left:0;right:var(--btn-primary-icon,3rem);border-radius:9999px;position:absolute}.btn-primary-icon,.btn-primary-icon-ghost{width:var(--btn-primary-icon,3rem);height:var(--btn-primary-icon,3rem);border-radius:9999px}.btn-primary-track,.btn-primary-track-ghost{justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.btn-primary-track{z-index:1}.btn-primary-pill,.btn-primary-pill-ghost{transform:translateX(calc(var(--btn-primary-t)*var(--btn-primary-icon,3rem)))}.btn-primary-track,.btn-primary-track-ghost{transform:translateX(calc(var(--btn-primary-t)*(var(--btn-primary-icon,3rem) - 100%)))}@media (prefers-reduced-motion:reduce){.btn-primary{transition-duration:var(--duration-instant)}}