.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:48px;display:flex;align-items:center;justify-content:center;padding:4px 32px;font-weight:500;transition:0.3s;width:fit-content;position:relative;z-index:1;overflow:hidden;border-radius:6px;cursor:pointer;border:none}.button.--icon{gap:14px}.button.--xl{height:52px;font-size:16px;padding:4px 28px}.button.--m{height:38px;padding:2px 18px}.button.--s{height:32px;padding:2px 12px;font-size:12px}.button.--light{background-color:#fff}.button.--light:after{content:"";position:absolute;height:80px;width:80px;top:50%;right:-40px;transform:skew(20deg) translateY(-50%);background:radial-gradient(350% 100% at 50% 50%, rgba(212, 178, 127, 0.8) 10%, rgba(217, 190, 149, 0) 200%);filter:blur(10px);opacity:1;transition:0.3s;z-index:-1}.button.--dark{color:#fff;background-color:#1e1e1e}.button.--dark:after{content:"";position:absolute;height:80px;width:80px;top:50%;right:-40px;transform:skew(20deg) translateY(-50%);background:radial-gradient(350% 100% at 50% 50%, rgba(212, 178, 127, 0.8) 10%, rgba(217, 190, 149, 0) 200%);filter:blur(10px);opacity:1;transition:0.3s;z-index:-1}.button:hover:after{transform:scale(2);width:80px;right:0}.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}