.cta-button{font-size:var(--font-size--medium);text-decoration:none;text-wrap:balance;--pad-block: .75rem;--pad-inline: 2.5rem;line-height:1.25;--pad-y: calc(var(--pad-block) + .2em);padding:var(--pad-y) var(--pad-inline);border-radius:var(--squircle-m);corner-shape:var(--corner-shape-squircle);background-color:var(--clr-contrast );color:var(--clr-base);transition:background-color .3s ease-out,color .3s ease-out;width:fit-content;position:relative;isolation:isolate;--shadow-scale: clamp(.5, .5 + .5 * ((100vw - 320px) / 1080px), 1);box-shadow:color-mix(in srgb,var(--clr-accent-1) 20%,transparent) 0 calc(4px * var(--shadow-scale)) calc(6px * var(--shadow-scale)) 0,color-mix(in srgb,var(--clr-accent-1) 16%,transparent) 0 calc(12px * var(--shadow-scale)) calc(12px * var(--shadow-scale)) 0,color-mix(in srgb,var(--clr-accent-1) 8%,transparent) 0 calc(32px * var(--shadow-scale)) calc(16px * var(--shadow-scale)) 0,color-mix(in srgb,var(--clr-accent-1) 4%,transparent) 0 calc(48px * var(--shadow-scale)) calc(20px * var(--shadow-scale)) 0,color-mix(in srgb,var(--clr-accent-1) 0%,transparent) 0 calc(80px * var(--shadow-scale)) calc(24px * var(--shadow-scale)) 0,#ffffff80 0 4px 8px inset,#0003 0 -2px 1px inset;display:flex;gap:.45rem;align-items:center;justify-content:center;--swash-h: 4em;--swash-w: calc(var(--swash-h) * 2.81);--swash-clr: color-mix(in srgb, var(--clr-accent-1), var(--clr-contrast) 30%);&:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;corner-shape:inherit;background:var(--swash-clr);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='9570 1146 2194 781'%3E%3Cpath d='M11732.9 1303.9c-6.9,-83.6 -98.3,-142.8 -222.3,-155.2 -35.1,-3.5 -70.5,-4.8 -105.9,7.2 37.6,5.5 74.9,15.6 100.4,28.4 52.4,26.2 85,66.1 83.6,111 -0.2,5.1 -0.9,10.2 -1.9,15.2 -10.5,52.6 -65.7,97 -144.1,117.7 -5,1.3 -10.2,2.5 -15.4,3.7l0 0.1c-73.3,15.3 -166,19.1 -265.4,7.8 -54,-6.1 -117.3,-18 -179.8,-34.1 -41.2,-10.6 -117.5,-29.8 -175.9,-48.1 118.2,91.8 362.7,246.5 623.2,208.3 303.2,-44.5 303.4,-241.5 303.4,-241.5 0.6,-6.8 0.6,-13.7 0,-20.5zM11303.4 1845.3c-119.8,26.9 -352.5,25.6 -690,-211.3 -464.9,-326.9 -782,-39.6 -829.6,3 87.6,-42.6 391.9,-101.1 631.3,58.7 456.9,315 761.8,238.7 899.2,169 22.1,-11.2 35.8,-24.4 44.5,-36.4 -14.9,5.9 -33.4,12.1 -55.4,17.1l-0 0zM11592.7 1637.1c-173.9,64.7 -436.6,38.4 -703.2,-162.3 -299.7,-227.9 -713.3,-387.5 -1076.1,-172.2 -84.4,50.1 -180.2,121 -244.6,221.2 306.4,-194.2 742.3,-260.4 1108.5,10.1 535,391.6 881.1,252.8 1012.7,117.5 69.2,-67.3 85.8,-158.4 65,-213.8 0.8,67.9 -49.8,157.8 -162.3,199.6l-0 0z'/%3E%3C/svg%3E") no-repeat calc(-1 * var(--swash-w)) 50% / var(--swash-w) var(--swash-h)}&:not(.loading,.no-arrow){--inset: .375rem;--pad-start: min(var(--pad-inline), 1.5rem);justify-content:space-between;gap:.875rem;padding-inline:var(--pad-start) calc(var(--pad-start) * .7);&:after{--dot: calc(1lh + 2 * (var(--pad-y) - var(--inset)));content:"";flex:none;inline-size:var(--dot);aspect-ratio:1;border-radius:50%;margin-block:calc(var(--inset) - var(--pad-y));background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cpath d='M13.5 10h13M21 4.5l5.5 5.5-5.5 5.5' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 50% / 100% 50% repeat-x,linear-gradient(#000 0 0);mask-composite:exclude}@media(prefers-reduced-motion:no-preference){&:is(:hover,:focus-visible):after{animation:cta-arrow-slip .5s cubic-bezier(.65,0,.35,1)}}}&:not(.loading):is(:hover,:focus-visible){background-color:var(--clr-accent-1);@media(prefers-reduced-motion:no-preference){&:before{animation:cta-swash-wash 1.1s cubic-bezier(.3,.6,.3,1)}}}@media(max-width:1024px){width:100%}}@keyframes cta-arrow-slip{to{mask-position:var(--dot) 50%,0 0}}@keyframes cta-swash-wash{to{mask-position:calc(100% + var(--swash-w)) 50%}}.cta-button-group{display:flex;flex-wrap:wrap;gap:1rem;.cta-button{margin:0}}.cta-button.secondary{background-color:transparent;color:var(--clr-contrast);box-shadow:inset 0 0 0 2px var(--clr-contrast);--swash-clr: color-mix(in srgb, var(--clr-contrast), var(--clr-accent-1) 35%);&:not(.loading):is(:hover,:focus-visible){background-color:var(--clr-contrast);color:var(--clr-base)}}
