.btn-secondary[data-v-9e7a6c3b]{--hover-x:50%;--hover-y:50%;--hover-radius:160%;align-items:center;background:transparent;border:0;border-radius:100px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;justify-content:center;overflow:hidden;padding:20px;position:relative;transform:scale(1);transition:transform .8s var(--ease-spring);z-index:10}@media (max-width:768px){.btn-secondary[data-v-9e7a6c3b]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006}}@media (hover:hover){.btn-secondary[data-v-9e7a6c3b]:hover{transform:scale(.95)}}.btn-secondary.-with-icon .btn-secondary_content[data-v-9e7a6c3b]{align-items:center;display:flex;gap:8px}.btn-secondary.-btn-transparent[data-v-9e7a6c3b]{background:none}.btn-secondary[data-v-9e7a6c3b]:before{background:var(--linear-gradient-base);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute;z-index:-1}.btn-secondary[data-v-9e7a6c3b]:after{background:linear-gradient(98.64deg,#f09c4c 9.2%,#ec6c48,#ef8ecc,#d1a4f2 91.79%);border-radius:100px;clip-path:circle(0 at var(--hover-x) var(--hover-y));content:"";height:100%;inset:0;pointer-events:none;position:absolute;transition:clip-path .5s var(--ease-smooth);width:100%;z-index:1}.btn-secondary.is-hovering[data-v-9e7a6c3b]:after{animation:btn-hover-reveal-9e7a6c3b .5s var(--ease-smooth) forwards}.btn-secondary.is-leaving[data-v-9e7a6c3b]:after{animation:btn-hover-hide-9e7a6c3b .25s var(--ease-smooth) forwards}@media (hover:none){.btn-secondary.is-clicking[data-v-9e7a6c3b]:after{animation:btn-click-reveal-9e7a6c3b .5s var(--ease-smooth) forwards}}.btn-secondary[data-v-9e7a6c3b]>*{z-index:2}.btn-secondary.light[data-v-9e7a6c3b]{font-weight:400}@keyframes btn-hover-reveal-9e7a6c3b{0%{clip-path:circle(0 at var(--hover-x) var(--hover-y))}to{clip-path:circle(var(--hover-radius) at var(--hover-x) var(--hover-y))}}@keyframes btn-hover-hide-9e7a6c3b{0%{clip-path:circle(var(--hover-radius) at var(--hover-x) var(--hover-y))}to{clip-path:circle(0 at var(--hover-x) var(--hover-y))}}@keyframes btn-click-reveal-9e7a6c3b{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(160% at 50% 50%)}}
