@property --btn-gradient-endpoint{syntax: "<length-percentage>"; inherits: true; initial-value: 0%;}.button:where(.astro-n7iexiqw){--btn-background: var(--color-white);--btn-color: var(--color-black);--btn-outline: var(--color-red);--btn-circle-bg: var(--color-red);--btn-circle-color: var(--color-white);--btn-height: calc(var(--text-step-0) * 2.75);--btn-circle-radius: calc(var(--btn-height) / 2);--shine-content: "";--shine-translation: 0%;--shine-opacity: 0;--glow-opacity: 0}[data-theme=red] .button:where(.astro-n7iexiqw){--btn-background: var(--color-white);--btn-color: var(--color-black);--btn-outline: var(--color-black);--btn-circle-bg: var(--color-black);--btn-circle-color: var(--color-white)}.button:where(.astro-n7iexiqw)[data-type=secondary]{--btn-background: #0000;--btn-color: var(--color-white);--shine-content: ""}[data-theme=light] .button:where(.astro-n7iexiqw)[data-type=secondary]{--btn-background: var(--color-light-gray);--btn-color: var(--color-black)}.button:where(.astro-n7iexiqw):hover{//background: var(--btn-circle-bg);color:var(--btn-circle-color);--btn-gradient-endpoint: 100%;--shine-opacity: .3;--glow-opacity: 1;--shine-translation: 25%}.button:where(.astro-n7iexiqw):focus-visible{outline:2px solid var(--btn-outline);outline-offset:5px}.button:where(.astro-n7iexiqw){display:inline-block;font-size:var(--text-step--1);color:var(--btn-color);font-weight:var(--weight-bold);-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;border-radius:999rem;max-width:max-content;transition:--btn-gradient-endpoint .4s ease-out;position:relative;transform:translateZ(0)}.button:where(.astro-n7iexiqw) .button-background:where(.astro-n7iexiqw){border-radius:inherit;display:inline-flex;align-items:center;gap:var(--space-xs);box-shadow:inset 0 0 0 2px var(--btn-outline);background:var(--btn-background);background-image:radial-gradient(circle farthest-side at calc(100% - var(--btn-circle-radius)) var(--btn-circle-radius),var(--btn-circle-bg) 0 var(--btn-gradient-endpoint),var(--btn-background) 0 calc(var(--btn-gradient-endpoint) + 5px),var(--btn-circle-bg) 0 calc(var(--btn-gradient-endpoint) + 10px),var(--btn-background) 0 calc(var(--btn-gradient-endpoint) + 25px),var(--btn-circle-bg) 0 calc(var(--btn-gradient-endpoint) + 30px),var(--btn-background) 0);position:relative}:where(.astro-n7iexiqw):is(.button .button-background):after{content:"";opacity:var(--glow-opacity);transition:opacity .5s .2s ease;position:absolute;inset:1px;border-radius:999rem;box-shadow:0 -1px 2px -1px #ffffff80 inset,-1px 2px 1px -1px #ffffff80 inset}.button:where(.astro-n7iexiqw):before,.button:where(.astro-n7iexiqw):after{content:var(--shine-content);height:50%;aspect-ratio:1;background:#fff;filter:blur(6px);position:absolute;z-index:-1;border-radius:50%;top:0;left:50%;width:6rem;opacity:var(--shine-opacity);translate:-5rem calc(-1 * var(--shine-translation));transition:translate .5s .1s ease,opacity .5s .1s ease}.button:where(.astro-n7iexiqw):after{top:auto;bottom:0;translate:0 var(--shine-translation)}.button:where(.astro-n7iexiqw) .content:where(.astro-n7iexiqw){padding-inline-start:var(--space-m)}.button:where(.astro-n7iexiqw) .icon:where(.astro-n7iexiqw){background:var(--btn-circle-bg);color:var(--btn-circle-color);height:var(--btn-height);aspect-ratio:1 / 1;border-radius:100%;display:flex;place-content:center;transition:transform .1s ease}a:where(.astro-n7iexiqw):active :where(.astro-n7iexiqw):is(.button .icon){transform:scale(.8)}.button:where(.astro-n7iexiqw) .glow:where(.astro-n7iexiqw){opacity:var(--glow-opacity);transition:opacity .5s .2s ease;position:absolute;inset:-1px;border-radius:inherit;mix-blend-mode:plus-lighter;filter:blur(8px);z-index:20;-webkit-mask:conic-gradient(from 280deg,#0000,#fff 20deg 45deg,#0000 95deg),conic-gradient(from 110deg,#0000,#fff 20deg,#0000 95deg);mask:conic-gradient(from 280deg,#0000,#fff 20deg 45deg,#0000 95deg),conic-gradient(from 110deg,#0000,#fff 20deg,#0000 95deg)}:where(.astro-n7iexiqw):is(.button .glow)>:where(.astro-n7iexiqw){position:absolute;inset:0;border-radius:inherit;filter:blur(4px);border:3px solid white}