.studio-cta{--studio-cta-color: var(--sugr-ink);--studio-cta-bg: var(--sugr-white);--studio-cta-color-hover: var(--sugr-ink);--studio-cta-bg-hover: var(--sugr-pink);--studio-cta-focus-ring: var(--sugr-white);--studio-cta-padding: .75rem 1.15rem;--studio-cta-radius: var(--sugr-radius-pill);--studio-cta-focus-inset: -.125em;--studio-cta-hover-scale: 1.065 1.095;--studio-cta-click-scale: .955, .925;--studio-cta-ease-click: cubic-bezier(.4, 0, .2, 1);--studio-cta-ease-hover: cubic-bezier(.34, 2.27, .64, 1);--studio-cta-ease-focus: cubic-bezier(.32, .72, 0, 1);color:var(--studio-cta-color);user-select:none;background-color:transparent;outline-style:none;padding:0;line-height:1;text-decoration:none;display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);vertical-align:middle;position:relative;-webkit-tap-highlight-color:transparent;transition:color .25s ease-out}.studio-cta:after{content:"";display:block;position:absolute;inset:var(--studio-cta-focus-inset);border-radius:var(--studio-cta-radius);transition:box-shadow .3s var(--studio-cta-ease-focus),scale .4s var(--studio-cta-ease-hover);pointer-events:none;z-index:1}.studio-cta:is(:hover,:focus-visible),[data-hover]:is(:hover,:focus-visible) .studio-cta{color:var(--studio-cta-color-hover)}.studio-cta:is(:focus-visible):after{box-shadow:0 0 0 .125em var(--studio-cta-focus-ring);scale:var(--studio-cta-hover-scale);transition:box-shadow .3s var(--studio-cta-ease-focus),scale .425s .05s var(--studio-cta-ease-hover)}.studio-cta__bg{background-color:var(--studio-cta-bg);border-radius:var(--studio-cta-radius);grid-area:1 / 1;width:100%;height:100%;padding:0;transition:background-color .25s ease-out,scale .4s var(--studio-cta-ease-hover),transform .15s var(--studio-cta-ease-click)}.studio-cta:active .studio-cta__bg{transform:scale(var(--studio-cta-click-scale))}.studio-cta:is(:focus-visible) .studio-cta__bg{background-color:var(--studio-cta-bg-hover)!important}.studio-cta__bg-circle{z-index:1;border-radius:var(--studio-cta-radius);grid-area:1 / 1;place-self:center;width:calc(100% + 1px);height:calc(100% + 1px);position:relative;overflow:clip;transition:background-color .25s ease-out,scale .4s var(--studio-cta-ease-hover),transform .15s var(--studio-cta-ease-click)}.studio-cta:active .studio-cta__bg-circle{transform:scale(var(--studio-cta-click-scale))}.studio-cta__circle-wrap{transform-origin:0 0;will-change:transform;position:absolute;inset:0%;transform:scale(0)}.studio-cta__circle{aspect-ratio:1;background-color:var(--studio-cta-bg-hover);border-radius:50%;width:200%;display:block;position:absolute;inset:0% auto auto 0%;transform:translate(-50%,-50%)}.studio-cta__inner{box-sizing:border-box;gap:.35em;padding:var(--studio-cta-padding);z-index:2;grid-area:1 / 1;justify-content:center;align-items:center;display:inline-flex;line-height:1;min-width:0}.studio-cta__text{display:block;line-height:1;white-space:nowrap}@supports (text-box-trim: trim-both){.studio-cta__text{text-box-trim:trim-both;text-box-edge:cap alphabetic}}.studio-cta__icon{flex:none;display:block;line-height:1;font-size:1em}.studio-cta__icon svg{display:block;width:100%;height:100%}.studio-cta--accent{--studio-cta-color: var(--sugr-white);--studio-cta-bg: var(--sugr-pink);--studio-cta-color-hover: var(--sugr-ink);--studio-cta-bg-hover: var(--sugr-coral);--studio-cta-focus-ring: var(--sugr-coral)}.studio-cta--outline{--studio-cta-color: var(--sugr-pink);--studio-cta-bg: transparent;--studio-cta-color-hover: var(--sugr-white);--studio-cta-bg-hover: var(--sugr-pink);--studio-cta-focus-ring: var(--sugr-pink)}.studio-cta--outline .studio-cta__bg{border:1px solid var(--sugr-pink)}.studio-cta--gradient{--studio-cta-color: var(--sugr-white);--studio-cta-bg: var(--sugr-pink);--studio-cta-color-hover: var(--sugr-white);--studio-cta-bg-hover: var(--sugr-coral);--studio-cta-focus-ring: var(--sugr-white)}.studio-cta--gradient .studio-cta__bg{border:1px solid color-mix(in srgb,var(--sugr-pink) 35%,transparent);background:linear-gradient(118deg,var(--sugr-pink) 0%,var(--sugr-purple) 100%)}.studio-cta--gradient:is(:hover,:focus-visible) .studio-cta__bg{background:linear-gradient(118deg,var(--sugr-coral) 0%,var(--sugr-pink) 52%,var(--sugr-purple-deep) 100%)}.studio-cta--sharp{--studio-cta-radius: 0}.studio-cta--full{width:100%}.studio-cta--wide .studio-cta__inner{min-width:clamp(12rem,22vw,16rem);min-height:3.25rem}.studio-cta--full .studio-cta__inner{width:100%}.studio-cta--display .studio-cta__inner{font-size:clamp(.8rem,1.05vw,.98rem)}.studio-cta--display .studio-cta__text{font-family:var(--font-display, var(--sugr-font-display));font-weight:500;letter-spacing:.02em;margin-inline-end:-.02em;text-transform:lowercase}.studio-cta--bit .studio-cta__inner{font-size:clamp(.98rem,1.2vw,1.12rem)}.studio-cta--bit .studio-cta__text{font-family:var(--sugr-font-bit);font-weight:var(--sugr-weight-heavy);letter-spacing:var(--studio-dock-bit-tracking, .1em);text-transform:uppercase}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.studio-cta:not(.studio-cta--gradient):is(:hover,:focus-visible) .studio-cta__bg,[data-hover]:is(:hover,:focus-visible) .studio-cta:not(.studio-cta--gradient) .studio-cta__bg{scale:var(--studio-cta-hover-scale);transition:background-color .25s .05s ease-out,scale .425s .05s var(--studio-cta-ease-hover),transform .15s var(--studio-cta-ease-click);background-color:var(--studio-cta-bg)}.studio-cta--gradient:is(:hover,:focus-visible) .studio-cta__bg,[data-hover]:is(:hover,:focus-visible) .studio-cta--gradient .studio-cta__bg{scale:var(--studio-cta-hover-scale);transition:background .25s .05s ease-out,scale .425s .05s var(--studio-cta-ease-hover),transform .15s var(--studio-cta-ease-click)}.studio-cta:is(:hover,:focus-visible) .studio-cta__bg-circle,[data-hover]:is(:hover,:focus-visible) .studio-cta .studio-cta__bg-circle{scale:var(--studio-cta-hover-scale);transition:background-color .25s .05s ease-out,scale .425s .05s var(--studio-cta-ease-hover),transform .15s var(--studio-cta-ease-click)}}@media(prefers-reduced-motion:reduce){.studio-cta,.studio-cta:after,.studio-cta__bg,.studio-cta__bg-circle{transition:none}.studio-cta__circle-wrap{display:none}.studio-cta:is(:hover,:focus-visible){filter:brightness(1.06)}}