.gradient-button[data-v-d5faf084]{cursor:pointer;text-align:center;overflow-wrap:anywhere;border:1px solid #fff;border-radius:1.8125rem;justify-content:center;align-items:center;width:18.25rem;max-width:100%;min-height:3.625rem;padding:.7rem 1rem;font-size:1.25rem;font-weight:600;line-height:1.4;transition:background-color .18s,box-shadow .18s,color .18s;display:inline-flex;position:relative;overflow:hidden}.gradient-button[data-v-d5faf084]:after{opacity:0;content:"";pointer-events:none;background:url(../images/figma/efa5b1871f6ade146cc6dec6ccc0c9db322d8e02.svg) 100%/100% 100% no-repeat;width:13.5rem;transition:opacity .18s;position:absolute;inset:0 0 0 auto}.gradient-button>span[data-v-d5faf084]{z-index:1;position:relative}.gradient-button--primary[data-v-d5faf084]{color:#fff;background:linear-gradient(90deg,var(--color-blue),var(--color-violet))}.gradient-button--secondary[data-v-d5faf084]{color:var(--color-indigo);background:#f3f8ff}.gradient-button[data-v-d5faf084]:focus-visible{outline:2px solid var(--color-indigo);outline-offset:3px}.gradient-button[data-v-d5faf084]:active{box-shadow:inset 0 2px 8px #0426ff2e}@media (hover:hover) and (pointer:fine){.gradient-button--primary[data-v-d5faf084]:hover{background:linear-gradient(90deg,#59a4ff,#681be3);box-shadow:0 .75rem 2rem #0475ff2e}.gradient-button--primary[data-v-d5faf084]:hover:after{opacity:1}.gradient-button--secondary[data-v-d5faf084]:hover{color:#681be3;background:#eaf3ff;box-shadow:0 .75rem 2rem #0475ff1a}}@media (width<=47.99rem){.gradient-button[data-v-d5faf084]{width:100%;min-height:3.25rem;padding:0 1rem;font-size:1rem}}