.button{height:56px;border-radius:var(--border-r--8);padding:2px 12px;display:flex;align-items:center;justify-items:center;width:fit-content;font-size:calc(clamp(1rem, 0.9519rem + 0.1923vw, 1.125rem));cursor:pointer;transition:0.3s}.button.--icon{flex-direction:row;gap:8px}.button.--dark{color:#fff;background-color:var(--color-dark)}.button.--dark:hover{background:var(--color-primary)}.button.--medium{color:#fff;background-color:var(--color-medium)}.button.--medium:hover{background:var(--color-dark);color:#fff}.button.--white{background:#fff;color:var(--color-dark)}.button.--white:hover{background:var(--color-dark);color:#fff}.button.--pink{color:var(--color-dark);background:var(--color-bg--light)}.button.--pink svg path{transition:0.3s}.button.--pink:hover{background:var(--color-primary)}.button.--pink:hover svg path{fill:#fff}.button.--pink:hover{background:var(--color-dark);color:#fff}.button.--m{height:48px}.button.--sm{height:42px;font-size:14px;padding:2px 16px}.button.--s{height:34px;border-radius:4px;padding:2px 12px;font-size:14px}.button.--s svg{height:16px;width:auto}.button.--xs{height:28px;font-size:14px;padding:2px 12px;border-radius:4px}.button.--xs svg{height:14px;width:auto}.text-link{font-size:calc(clamp(1rem, 0.9519rem + 0.1923vw, 1.125rem));display:flex;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;width:fit-content;cursor:pointer;z-index:1;display:inline-flex}.text-link:before{content:"";position:absolute;left:0%;bottom:3px;content:"";width:100%;height:1px;background:var(--color-body-text);z-index:-1}.text-link:after{content:"";position:absolute;left:0%;bottom:3px;content:"";width:100%;height:1px;background:var(--color-primary);z-index:0;transition:transform 0.3s;transform:scaleX(0);transform-origin:left}.text-link:hover{background-position:0 100% !important}.text-link:hover:after{transform:scaleX(1);transform-origin:left}.text-link.--white{background:linear-gradient(to right, var(--color-body-text), var(--color-body-text) 50%, #fff 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%}.text-link.--white:before{background:#fff}.text-link.--white:after{background:var(--color-body-text)}