.button-wrap{display:flex;flex-direction:row;gap:8px 4px;flex-wrap:wrap;align-items:center}.button{height:44px;display:flex;align-items:center;justify-content:center;padding:4px 22px;font-weight:500;width:fit-content;position:relative;border-radius:32px;cursor:pointer;transition:all 0.2s ease-in-out}.button:focus{outline:none;box-shadow:inset 2px 2px 5px #bcbcbc, inset -2px -2px 5px #ffffff, 2px 2px 5px #bcbcbc, -2px -2px 5px #ffffff}.button.--dark{color:#b6b9bc;background:linear-gradient(327.43deg, var(--color-bg--dark) -77.68%, #17191C 87.35%);border:none;box-shadow:-4px -2px 16px rgba(195, 200, 205, 0), 4px 4px 18px rgba(0, 0, 0, 0.5)}.button.--dark:after{position:absolute;top:-0.5px;bottom:-0.5px;left:-0.5px;right:-0.5px;background:linear-gradient(165deg, #808080, #202428);content:"";z-index:-1;border-radius:32px}.button.--dark:hover{box-shadow:-2px -1px 8px rgba(195, 200, 205, 0), 2px 2px 9px rgba(0, 0, 0, 0.5)}.button.--color{background:linear-gradient(135deg, rgba(94, 231, 223, 0.5) 0%, rgba(59, 130, 246, 0.5) 100%);border:1px solid rgba(94, 231, 223, 0.45);box-shadow:0 4px 24px rgba(94, 231, 223, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.45), inset 0 -1px 1px rgba(0, 0, 0, 0.1);color:#fff}.button.--color:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%)}.button.--color:hover{box-shadow:-2px -1px 8px rgba(195, 200, 205, 0), 2px 2px 9px rgba(0, 0, 0, 0.5)}.button.--light{background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.25);box-shadow:0 8px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.3);color:#b6b9bc;backdrop-filter:blur(4px)}.button.--light:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 50%)}.button.--light:hover{background:rgba(255, 255, 255, 0.2);color:#fff}.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}.text-link{position:relative;background:linear-gradient(to right, var(--color-primary), var(--color-secondary) 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}@media (max-width:540px){.button{height:40px}.button.--m,.button.--xl{height:40px}}