.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}.text-link.--white{background:linear-gradient(to right, var(--color-primary), var(--color-primary) 50%, #fff 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: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:0%;content:"";width:100%;height:1px;background:var(--color-body-text);z-index:-2}.text-link:hover{background-position:0 100% !important}.text-link:hover:before{transform:scaleX(1);transform-origin:left}.button-wrap{display:flex;flex-direction:row;gap:12px 8px;flex-wrap:wrap}.button{height:48px;display:flex;align-items:center;gap:12px;padding:2px 16px;font-family:var(--font-family-head);width:fit-content;position:relative;z-index:2;overflow:hidden;border:1.5px solid;border-radius:16px;transition:0.2s;min-width:fit-content}.button .button__icon{min-width:24px}.button .button__icon,.button .button__icon path{transition:0.2s}.button:hover .button__icon{transform:scaleY(-1)}.button.--sm{padding:4px 16px;height:44px}.button.--light{background:#fff;color:var(--color-bg--dark);border-color:#fff}.button.--light:hover{background:transparent;color:#fff}.button.--light:hover .button__icon path{filter:invert(1)}.button.--light.--outline{background:transparent;border-color:#fff;color:#fff}.button.--light.--outline:hover{background:#fff;color:var(--color-bg--dark)}.button.--light.--outline:hover .button__icon path{filter:invert(1)}.button.--dark{border-color:var(--color-bg--dark);background:var(--color-bg--dark);color:#fff}.button.--dark:hover{background:transparent;color:var(--color-bg--dark)}.button.--dark:hover .button__icon path{filter:invert(1)}.button.--dark.--outline{background:transparent;border-color:var(--color-bg--dark);color:var(--color-bg--dark)}.button.--dark.--outline:hover{background:var(--color-bg--dark);color:#fff}.button.--dark.--outline:hover .button__icon path{filter:invert(1)}@media (max-width:768px){.button{height:40px;font-size:15px}}