.BaseButton{--c-button-color:var(--c-white);--c-button-background:var(--c-grey-darker);--c-button-padding:.938rem 3rem;--c-button-line-height:1;align-items:center;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:var(--c-button-background);border:none;border-radius:5rem;color:var(--c-button-color);cursor:pointer;display:inline-flex;font-size:var(--f-body-lg-font-size);font-weight:500;justify-content:center;line-height:var(--f-body-lg-line-height);line-height:var(--c-button-line-height);opacity:1;overflow:hidden;padding:var(--c-button-padding);position:relative;text-align:center;transform:translateZ(0);vertical-align:middle}.BaseButton:before{aspect-ratio:1/1;background:var(--c-gradient-diagonal);content:"";opacity:0;position:absolute;top:50%;transform:translateY(-50%) rotate(0);transition:opacity .3s cubic-bezier(.165,.84,.44,1);width:110%;z-index:-1}.BaseButton:active:before,.BaseButton:hover:before{animation:rotate-gradient 3s linear infinite;opacity:1}.BaseButton:where([aria-disabled=true i],[disabled]){--c-button-color:var(--c-grey);--c-button-background:var(--c-grey-light);pointer-events:none}.BaseButton.secondary{--c-button-color:var(--c-grey-darker);--c-button-border:var(--c-gradient-diagonal);--c-button-background:var(--c-white);-webkit-backdrop-filter:unset;backdrop-filter:unset;background:var(--c-button-background);background-clip:content-box;border:1px solid var(--c-button-color);border-radius:80px;overflow:hidden;position:relative;transform:unset}.BaseButton.secondary:before{content:none}.BaseButton.secondary span{background:var(--c-button-border);-webkit-background-clip:text;background-clip:text;color:var(--c-button-color);display:block;transition:color .3s linear}.BaseButton.secondary:active,.BaseButton.secondary:hover{outline-color:transparent}.BaseButton.secondary:active:before,.BaseButton.secondary:hover:before{animation:none;opacity:1}.BaseButton.secondary:active span,.BaseButton.secondary:hover span{color:transparent}.BaseButton.secondary:where([aria-disabled=true i],[disabled]){--c-button-color:var(--c-grey);--c-button-border:var(--c-grey)}.BaseButton.white{--c-button-color:var(--c-grey-darker);--c-button-background:var(--c-white)}.BaseButton.white:before{content:none}.BaseButton.white span{-webkit-background-clip:text;background-clip:text;background-image:var(--c-gradient-diagonal);color:var(--c-button-color);margin-block:-2px;padding-block:2px;transition:color .2s cubic-bezier(.165,.84,.44,1)}.BaseButton.white:active,.BaseButton.white:active span,.BaseButton.white:hover,.BaseButton.white:hover span{color:transparent}.BaseButton.white:where([aria-disabled=true i],[disabled]){--c-button-color:var(--c-grey);--c-button-background:var(--c-grey-lightest)}.BaseButton.white.has-border{border:1px solid var(--c-button-color)}.BaseButton.secondaryWhite{--c-button-color:var(--c-white);--c-button-border:var(--c-white);--c-button-background:transparent;border:1.8px solid var(--c-button-border)}.BaseButton.secondaryWhite:before{content:none}.BaseButton.secondaryWhite:active,.BaseButton.secondaryWhite:hover{--c-button-border:var(--c-red)}.BaseButton.secondaryWhite:where([aria-disabled=true i],[disabled]){--c-button-color:var(--c-grey)}.BaseButton.small{--c-button-padding:.625rem 1.25rem;font-size:var(--f-body-base-font-size);font-weight:500;line-height:var(--f-body-base-line-height);line-height:var(--c-button-line-height)}.BaseButton.fullWidth{width:100%}.BaseButton .BaseIcon{font-size:var(--f-body-xl-font-size);line-height:var(--f-body-xl-line-height)}@media screen and (max-width:750px){.BaseButton.small{padding:.5rem 1rem}}@media screen and (min-width:1921px){.BaseButton{padding:1.25rem 3.5rem}}@keyframes rotate-gradient{to{transform:translateY(-50%) rotate(1turn)}}
