.button.--custom{--white: #fff;--purple-100: #3428dd;--purple-200: #2a17ba;--purple-300: #270f9d;--purple-400: #3119a1;--purple-500: #4d3aaf;--radius: 6px;padding:1px;border-radius:var(--radius);box-shadow:0 0 12px 0 rgba(255, 255, 255, 0.25) inset, 0 0 18px 0 rgba(44, 31, 220, 0.7)}.button.--custom .bg{position:absolute;inset:0;border-radius:inherit;filter:blur(1px)}.button.--custom .bg::before,.button.--custom .bg::after{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) * 1.1);background:var(--purple-500)}.button.--custom .bg::before{filter:blur(5px);transition:all 0.3s ease;box-shadow:-7px 6px 0 0 rgba(115, 75, 155, 0.4), -14px 12px 0 0 rgba(115, 75, 155, 0.3), -21px 18px 4px 0 rgba(115, 75, 155, 0.25), -28px 24px 8px 0 rgba(115, 75, 155, 0.15), -35px 30px 12px 0 rgba(115, 75, 155, 0.12), -42px 36px 16px 0 rgba(115, 75, 155, 0.08), -56px 42px 20px 0 rgba(115, 75, 155, 0.05)}.button.--custom .outline{position:absolute;overflow:hidden;inset:0;outline:none;border-radius:inherit;transition:all 0.4s ease}.button.--custom .outline::before{content:"";position:absolute;inset:2px;width:150%;height:300px;margin:auto;background:linear-gradient(to right, transparent 0%, #b4b0f3 50%, transparent 100%);animation:spin 3s linear infinite;animation-play-state:paused}.button.--custom .button-text{pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1;position:relative;height:100%;width:100%;gap:8px;border-radius:var(--radius);font-weight:600;transition:all 0.3s ease;background:linear-gradient(270deg, #2C1FDC 5.27%, #230A9B 62.86%);box-shadow:inset 0px 0px 11px -5px #baabf4;color:#fff;padding:4px 24px}.button.--custom .icon{z-index:10}.button.--custom .icon div,.button.--custom .icon div::before,.button.--custom .icon div::after{height:1px;border-radius:6px;background-color:var(--white)}.button.--custom .icon div::before,.button.--custom .icon div::after{content:"";position:absolute;right:0;transform-origin:center right;width:9px;border-radius:15px;transition:all 0.3s ease}.button.--custom .icon div{position:relative;width:16px;transform:scale(0.9);background:var(--white);animation:swingArrow 1s ease-in-out infinite;animation-play-state:paused}.button.--custom .icon div::before{transform:rotate(44deg);top:0px;animation:rotateArrowLine 1s linear infinite;animation-play-state:paused}.button.--custom .icon div::after{bottom:0px;transform:rotate(316deg);background:var(--white);animation:rotateArrowLine2 1s linear infinite;animation-play-state:paused}.button.--custom:hover .outline{opacity:1}.button.--custom:hover .outline::before,.button.--custom:hover .icon div::before,.button.--custom:hover .icon div::after,.button.--custom:hover .icon div{animation-play-state:running}@keyframes spin{0%{transform:rotate(20deg)}100%{transform:rotate(360deg)}}@keyframes arrow{0%{opacity:1}50%{transform:translateX(60px);opacity:0}51%{transform:translateX(-200px);opacity:0}100%{transform:translateX(-128px);opacity:1}}@keyframes swingArrow{50%{transform:translateX(5px) scale(0.9)}}@keyframes rotateArrowLine{50%{transform:rotate(30deg)}80%{transform:rotate(55deg)}}@keyframes rotateArrowLine2{50%{transform:rotate(330deg)}80%{transform:rotate(300deg)}}.button-wrap{display:flex;flex-direction:row;gap:8px 16px;flex-wrap:wrap;align-items:flex-start}.button-box{display:flex;flex-direction:column;gap:4px}.button{height:44px;display:flex;align-items:center;justify-content:center;padding:4px 22px;transition:0.3s;font-size:14px;font-weight:600;width:fit-content;position:relative;z-index:2;overflow:hidden;border-radius:6px;cursor:pointer;border:none}.button.--icon{gap:14px}.button.--xl{height:52px;font-size:16px;padding:4px 28px}.button.--sm{height:32px;padding:2px 12px;font-size:12px}.button.--xs{height:24px;padding:2px 12px;font-size:12px}.button.--primary{box-shadow:0 0 12px 0 rgba(255, 255, 255, 0.25) inset, 0 0 18px 0 rgba(44, 31, 220, 0.7);color:#fff;background:linear-gradient(270deg, #2C1FDC 5.27%, #230A9B 62.86%) padding-box, linear-gradient(87.79deg, rgba(255, 255, 255, 0.06) 0.71%, rgba(255, 255, 255, 0.6) 86.4%) border-box;border:1.2px solid transparent}.button.--dark{background:var(--color-bg--dark);color:#fff}.button.--dark:after{content:"";width:125%;height:150%;position:absolute;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(90deg, #2C1FDC 5%, #230A9B 50%, var(--color-bg--dark) 50%);z-index:-1;background-size:250% 100%;background-position:right;filter:blur(10px);transition:background-position 0.4s ease}.button.--dark:hover:after{background-position:left}.button.--semi-dark{background:var(--color-bg--medium);color:#fff}.button.--semi-dark:after{content:"";width:125%;height:150%;position:absolute;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(90deg, #2C1FDC 5%, #230A9B 50%, var(--color-bg--medium) 50%);z-index:-1;background-size:250% 100%;background-position:right;filter:blur(10px);transition:background-position 0.4s ease}.button.--semi-dark:hover:after{background-position:left}.button.--light{background:#D5D5D5;box-shadow:6.908px 23.487px 16.579px 0 rgba(0, 0, 0, 0.15), 0 0.691px 0 0 #FFF inset, 0 -1.382px 0 0 #C0C097 inset, 0 -2.072px 0 0 #FFF inset, 5.526px 14.507px 4.145px 0 rgba(0, 0, 0, 0.01), 3.454px 8.98px 4.145px 0 rgba(0, 0, 0, 0.07), 2.072px 4.836px 3.454px 0 rgba(0, 0, 0, 0.25), 0.691px 2.072px 2.763px 0 rgba(0, 0, 0, 0.43), 0 0.691px 1.382px 0 rgba(0, 0, 0, 0.49)}.button.--light .button-text{background:linear-gradient(180deg, #000 0%, #393939 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5.526px rgba(255, 255, 255, 0.45)}.button.--light:after{content:"";width:30px;height:100px;transform:rotate(100deg);position:absolute;left:46px;bottom:-48px;background:#EDAE1B;mix-blend-mode:plus-lighter;filter:blur(24px);transition:0.3s}.button.--light:hover:after{width:80px}.button.--white{background:#fff}.button.--round{border-radius:32px}.button:hover{box-shadow:none;transform:translateY(1px)}.text-link{position:relative;background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, var(--color-body-text) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 300ms ease;z-index:1;width:fit-content}.text-link.--icon{display:flex;flex-direction:row;gap:12px;align-items:center}.text-link:before{content:"";position:absolute;left:0%;bottom:0;content:"";width:100%;height:1px;background:var(--color-primary);z-index:-1;transition:transform 0.3s;transform:scaleX(0);transform-origin:right}.text-link:after{content:"";position:absolute;left:0%;bottom:0px;content:"";width:100%;height:1px;background:transparent;z-index:-2}.text-link.--primary{background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, #230A9B 50%, #2C1FDC 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 300ms ease}.text-link.--primary:before{background:var(--color-primary)}.text-link.--primary:after{background:var(--Blue-Gradient)}.text-link.--light{background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, var(--color-text--medium) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 300ms ease}.text-link.--light:before{background:var(--color-primary)}.text-link.--light:after{background:var(--color-text--medium)}.text-link.--white{background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, #f5f5f5 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 300ms ease}.text-link.--white:before{background:var(--color-primary)}.text-link.--white:after{background:#f5f5f5}.text-link:hover{background-position:0 100% !important}.text-link:hover:before{transform:scaleX(1);transform-origin:left}