.primary-button__wrapper{--offset:1px;--offset-hover:2px;-webkit-user-select:none;user-select:none;background:#000;border-radius:100px;width:fit-content;position:relative;overflow:hidden}.primary-button__wrapper.is--disabled{opacity:.5;cursor:not-allowed;pointer-events:none;-webkit-user-select:none;user-select:none}.primary-button__wrapper.is--disabled:before{background:0 0}.primary-button__wrapper.is--disabled:hover{box-shadow:none}.primary-button__wrapper.is--disabled:hover:before{background:0 0;animation:none}.primary-button__wrapper.is--disabled .primary-button__text,.primary-button__wrapper.is--disabled .primary-button__icon{opacity:.5}.primary-button__wrapper:before{content:"";aspect-ratio:1;background:conic-gradient(#0000 270deg,#ffffff80,#0000);width:100%;transition:all .5s cubic-bezier(.455,.03,.515,.955);animation:5s linear infinite forwards rotate;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.primary-button__wrapper:after{content:"";background:inherit;border-radius:inherit;inset:var(--offset);height:calc(100% - var(--offset)*2);width:calc(100% - var(--offset)*2);transition:all .5s cubic-bezier(.455,.03,.515,.955);position:absolute}.primary-button__wrapper.is--colored:before{background:conic-gradient(#0000 270deg,#199fff,#ffd666,#9747ff)}.primary-button__wrapper.is--colored:after{inset:var(--offset-hover);height:calc(100% - var(--offset-hover)*2);width:calc(100% - var(--offset-hover)*2)}.primary-button__wrapper.is--colored .primary-button{border-color:#ffffff80}.primary-button__wrapper.is--colored:hover{box-shadow:0 2px 5px #ffd66680,0 -2px 5px #9747ff80,0 0 5px #199fff80}.primary-button__wrapper.is--colored:hover .primary-button{border-color:#ffffffbf}.primary-button__wrapper:hover{box-shadow:0 0 5px #ffffff80}.primary-button__wrapper:hover:before{background:conic-gradient(#0000 270deg,#199fff,#ffd666,#9747ff)}.primary-button__wrapper:hover:after{inset:var(--offset-hover);height:calc(100% - var(--offset-hover)*2);width:calc(100% - var(--offset-hover)*2)}.primary-button__wrapper:hover .primary-button:active{background:#ffffff26;transform:scale(.96)}.primary-button__wrapper:hover .primary-button .email-icon__line{stroke-dasharray:100;stroke-dashoffset:100px;animation:3s ease-in-out infinite reverse drawLine}.primary-button__wrapper:hover .primary-button .icon--arrow.is--down{animation:1.25s ease-in-out infinite arrowDown}.primary-button__wrapper:hover .icon--email{transform:translate(20%)}.primary-button__wrapper:hover #email-icon__line-bottom{animation-delay:.25s}.primary-button__wrapper:hover #email-icon__line-middle{animation-delay:1.25s}.primary-button__wrapper:hover #email-icon__line-top{animation-delay:.75s}.primary-button{color:#fff;cursor:pointer;z-index:2;background-color:#0000;border:1px solid #ffffff40;border-radius:100px;justify-content:center;align-items:center;font-size:1rem;font-weight:500;text-decoration:none;transition:all .1s cubic-bezier(.455,.03,.515,.955);display:flex;position:relative;inset:0}.primary-button .primary-button__icon.icon--email .email-icon__line{opacity:0;transition:all .5s cubic-bezier(.455,.03,.515,.955);animation-direction:reverse}.primary-button.is--size-default{gap:10px;height:38px;padding-left:18px}.primary-button.is--size-default.icon--has-no-background{padding-right:18px}.primary-button.is--size-default .primary-button__icon-wrapper.has--background{padding-left:10px;padding-right:18px}.primary-button.is--size-default .primary-button__icon{line-height:1em}.primary-button.is--size-default .primary-button__icon.icon--email{width:26px;height:15px;margin-left:-2px;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.primary-button.is--size-default .primary-button__icon.icon--arrow{width:12px;height:12px}.primary-button.is--size-default .primary-button__icon.is--right{margin-top:-3px}.primary-button.is--size-default .primary-button__text{font-size:.75rem;font-weight:500;line-height:1}.primary-button.is--size-big{gap:14px;height:48px;padding-left:24px;padding-right:24px}.primary-button.is--size-big .primary-button__icon{line-height:1em}.primary-button.is--size-big .primary-button__icon.icon--email{width:32px;height:18px;margin-left:-8px;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.primary-button.is--size-big .primary-button__icon.icon--arrow{width:14px;height:14px}.primary-button.is--size-big .primary-button__text{font-size:1rem;font-weight:400;line-height:1}.primary-button .primary-button__icon-wrapper{justify-content:center;align-items:center;height:100%;display:flex}.primary-button .primary-button__icon-wrapper.has-no-background svg path{fill:#fff}.primary-button .primary-button__icon-wrapper.has-no-background .primary-button__icon.icon--email .email-icon__line{stroke:#fff}.primary-button .primary-button__icon-wrapper.has--background{background:linear-gradient(90deg,#fff,gray);border-radius:0 100px 100px}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes drawLine{0%{stroke-dashoffset:100px;opacity:1;transform:translate(0%)}50%{stroke-dashoffset:0;opacity:0;transform:translate(-20%)}to{stroke-dashoffset:100px;opacity:1;transform:translate(0%)}}@keyframes arrowDown{0%{opacity:1;transform:translateY(0%)}75%{opacity:.5;transform:translateY(40%)}to{opacity:1;transform:translateY(0%)}}
