.text-link{color:var(--accent);transition:color .4s var(--ease);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.text-link:after{content:"";width:0;height:1px;transition:width .4s var(--ease);background:currentColor;position:absolute;bottom:-2px;left:0}.text-link:hover{color:var(--green);gap:12px}.text-link:hover:after{width:calc(100% - 22px)}.text-link svg{width:14px;height:14px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translate(3px)}.text-link.dark,.dark .text-link{color:#ffffffa6}.text-link.dark:hover,.dark .text-link:hover{color:#fff}