.link-button{pointer-events:auto}.button--text{white-space:wrap;background:0 0;flex-wrap:nowrap;padding:0;display:flex}.button__text-icon-wrapper{width:24px;height:24px;position:relative}.button--text .button__icon{width:24px;height:24px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;right:0}.button--text .button__icon.hover{opacity:0;transition:opacity var(--transition-base)}.button--text:hover .button__icon.hover{opacity:1;transition:opacity var(--transition-base)}.button--text:hover .button__icon{opacity:0;transition:opacity var(--transition-base)}.button--text span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;transition:filter var(--transition-base);font-size:var(--font-size-md);-webkit-background-clip:text;background-clip:text}.button--text:hover span{filter:brightness(1.3);transition:all var(--transition-base)}.button--text:active span{background:var(--color-primary-dark);-webkit-text-fill-color:transparent;filter:none;-webkit-background-clip:text;background-clip:text}@media (hover:none) and (pointer:coarse){.button--text .button__icon.hover{opacity:0!important}.button--text .button__icon{opacity:1!important}.button--text:hover span{filter:none}.button--text:active span{background:var(--color-primary-dark);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}@media (hover:hover){.button--text:hover .button__icon.hover{opacity:1}.button--text:hover .button__icon{opacity:0}.button--text:hover span{filter:brightness(1.3)}}