.text-button{border-style:solid;border-color:#0000;justify-content:center;place-items:center;transition:color .5s cubic-bezier(.19,.63,0,.95) 50ms,background-color .5s cubic-bezier(.19,.63,0,.95) 50ms,border-color .5s cubic-bezier(.19,.63,0,.95) 50ms,border-radius .5s cubic-bezier(.19,.63,0,.95) 50ms,font-variation-settings .5s cubic-bezier(.19,.63,0,.95) 50ms;display:flex}.text-button:hover{border-radius:.3125rem}.text-button svg{transition:color .4s cubic-bezier(.19,.63,0,.95) 50ms}.text-button span{color:var(--color-neutral-100)}.text-button span:first-letter{text-transform:uppercase}.text-button.disabled{background-color:var(--color-neutral-400)}.text-button.disabled span,.text-button.disabled svg{color:var(--color-white)}.text-button.loading{cursor:not-allowed;opacity:.8;animation:1.5s ease-in-out infinite pulse}.text-button.loading span,.text-button.loading svg{color:var(--color-white)}.text-button .text-button_spinner{border:.125rem solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}.text-button.large{border-width:.125rem;gap:.625rem;padding:.625rem 1.875rem}.text-button.large .icon{font-size:1.875rem}.text-button.large .text{font-size:clamp(1rem,1rem + .5vw,1.25rem);font-weight:600;line-height:125%}.text-button.medium{border-width:.125rem;gap:.625rem;padding:.625rem 1.5625rem}.text-button.medium .icon{font-size:1.5625rem}.text-button.medium .text{font-size:clamp(1rem,.875rem + .25vw,1rem);font-weight:600;line-height:125%}.text-button.small{border-width:.125rem;gap:.625rem;padding:.46875rem .9375rem}.text-button.small .icon{font-size:1.25rem}.text-button.small .text{font-size:clamp(1rem,.875rem + .25vw,1rem);font-weight:500;line-height:125%}.text-button.tiny{border-width:.0625rem;gap:.3125rem;padding:.3125rem .625rem}.text-button.tiny .icon{font-size:.9375rem}.text-button.tiny .text{font-size:clamp(.5625rem,.65rem + .1vw,.64rem);font-weight:400}.text-button.primary{background-color:var(--color-green-700)}.text-button.primary span,.text-button.primary svg{color:var(--color-neutral-100)}.text-button.primary:hover{background-color:var(--color-green-600)}.text-button.primary:hover span,.text-button.primary:hover svg{color:var(--color-neutral-200)}.text-button.primary:active{background-color:var(--color-green-400)}.text-button.primary:active span,.text-button.primary:active svg{color:var(--color-neutral-900)}.text-button.secondary span,.text-button.secondary svg{color:var(--color-neutral-800)}.text-button.secondary:hover{border-color:var(--color-neutral-900)}.text-button.secondary:hover span,.text-button.secondary:hover svg{color:var(--color-neutral-900)}.text-button.secondary:active{border-color:var(--color-neutral-900);background-color:var(--color-neutral-250)}.text-button.secondary:active span,.text-button.secondary:active svg{color:var(--color-neutral-900)}.text-button.outlined{border-color:var(--color-neutral-800);background-color:#0000;border-style:solid}.text-button.outlined span,.text-button.outlined svg{color:var(--color-neutral-800)}.text-button.outlined:hover{border-color:var(--color-neutral-900)}.text-button.outlined:hover span,.text-button.outlined:hover svg{color:var(--color-neutral-900)}.text-button.outlined:active{border-color:var(--color-neutral-900);background-color:var(--color-neutral-250)}.text-button.outlined:active span,.text-button.outlined:active svg{color:var(--color-neutral-900)}.text-button.special.typeSpecial-lesson,.text-button.special.typeSpecial-roadmap,.text-button.special.typeSpecial-lab,.text-button.special.typeSpecial-course,.text-button.special.typeSpecial-check,.text-button.special.typeSpecial-certificate{background-color:var(--color-navy-250)}.text-button.special.typeSpecial-lesson span,.text-button.special.typeSpecial-lesson svg,.text-button.special.typeSpecial-roadmap span,.text-button.special.typeSpecial-roadmap svg,.text-button.special.typeSpecial-lab span,.text-button.special.typeSpecial-lab svg,.text-button.special.typeSpecial-course span,.text-button.special.typeSpecial-course svg,.text-button.special.typeSpecial-check span,.text-button.special.typeSpecial-check svg,.text-button.special.typeSpecial-certificate span,.text-button.special.typeSpecial-certificate svg{color:var(--color-neutral-800)}.text-button.special.typeSpecial-private,.text-button.special.typeSpecial-public{background-color:var(--color-neutral-700)}.text-button.special.typeSpecial-private span,.text-button.special.typeSpecial-private svg,.text-button.special.typeSpecial-public span,.text-button.special.typeSpecial-public svg{color:var(--color-white)}.text-button.special.typeSpecial-starter,.text-button.special.typeSpecial-pro,.text-button.special.typeSpecial-career{background-color:var(--color-orange-pastel-200)}.text-button.special.typeSpecial-starter span,.text-button.special.typeSpecial-starter svg,.text-button.special.typeSpecial-pro span,.text-button.special.typeSpecial-pro svg,.text-button.special.typeSpecial-career span,.text-button.special.typeSpecial-career svg{color:var(--color-neutral-800)}.corner-exceptLowerLeft{border-radius:2.1875rem 3.125rem 3.125rem 1.25rem}.corner-exceptLowerRight{border-radius:3.125rem 2.1875rem 1.25rem 3.125rem}.corner-exceptUpperLeft{border-radius:1.25rem 3.125rem 3.125rem 2.1875rem}.corner-exceptUpperRight{border-radius:3.125rem 1.25rem 2.1875rem 3.125rem}.corner-exceptLeft{border-radius:1.25rem 2.1875rem 2.1875rem 1.25rem}.corner-exceptRight{border-radius:2.1875rem 1.25rem 1.25rem 2.1875rem}.corner-exceptUpper{border-radius:1.25rem 1.25rem 2.1875rem 2.1875rem}.corner-exceptLower{border-radius:2.1875rem 2.1875rem 1.25rem 1.25rem}.corner-onlyUpperLeft{border-radius:2.1875rem 1.25rem 1.25rem}.corner-onlyUpperRight{border-radius:1.25rem 2.1875rem 1.25rem 1.25rem}.corner-onlyLowerLeft{border-radius:1.25rem 1.25rem 1.25rem 2.1875rem}.corner-onlyLowerRight{border-radius:1.25rem 1.25rem 2.1875rem}.corner-rounded{border-radius:1.5625rem}.corner-roundedSquare{border-radius:.625rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}