button.svelte-51okvd,.button.svelte-51okvd{font-size:1rem;line-height:1.5;padding:.5rem 1.5rem;border-radius:9999px;background-color:#141414;color:#fff;border:solid 2px #141414;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2rem;text-decoration:none;transition:ease all .3s;font-weight:700;flex-shrink:0;position:relative;transform:scale(1)}button.primary.svelte-51okvd,.button.primary.svelte-51okvd{background-color:#00b987;color:#141414}button.lg.svelte-51okvd,.button.lg.svelte-51okvd{padding:.9rem 3rem;font-size:1.2rem;border-width:4px}@media (max-width: 768px){button.lg.svelte-51okvd,.button.lg.svelte-51okvd{border-width:3px}}button.animated.svelte-51okvd,.button.animated.svelte-51okvd{--border-width: 4px;--radius: 9999px;--angle: 0deg;border:var(--border-width) solid transparent}button.animated.svelte-51okvd:before,.button.animated.svelte-51okvd:before{content:" ";position:absolute;inset:calc(var(--border-width) * -1);z-index:-1;border:inherit;border-radius:inherit;background-image:conic-gradient(#00b987 80%,#141414 88%,#141414 92%,#00b987);background-origin:border-box;-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask:linear-gradient(black,black),linear-gradient(black,black);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:svelte-51okvd-rotate 3s linear infinite}@supports (background-image: conic-gradient(from var(--angle),#00b987 80%,#141414 88%)){button.animated.svelte-51okvd:before,.button.animated.svelte-51okvd:before{background-image:conic-gradient(from var(--angle),#00b987 15%,#141414 82%,#141414 95%,#00b987 100%);animation:svelte-51okvd-spin 3s linear infinite}}@media (max-width: 768px){button.animated.svelte-51okvd,.button.animated.svelte-51okvd{--border-width: 2px}}button.svelte-51okvd:hover,.button.svelte-51okvd:hover{transform:scale(1.05);box-shadow:#00000059 0 5px 15px;transform-origin:bottom center}@media (max-width: 1024px){button.lg.svelte-51okvd,.button.lg.svelte-51okvd{padding:.7rem 2rem;font-size:1rem}}@media (max-width: 768px){button.svelte-51okvd,.button.svelte-51okvd{font-weight:600;border:solid 2px #141414}button.lg.svelte-51okvd,.button.lg.svelte-51okvd{padding:.5rem 1.5rem;font-size:1rem}}@keyframes svelte-51okvd-spin{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes svelte-51okvd-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}
