.link-hover,
.link-hover .tn-atom{
    overflow:visible!important;
}

.link-hover .tn-atom__button-text{
    position:relative;
    display:inline-block;
}

.link-hover .tn-atom__button-text::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:100%;
    height:1px;
    background:currentColor;
    clip-path:inset(0 100% 0 0);
    transition:clip-path .2s ease;
    pointer-events:none;
}

.link-hover:hover .tn-atom__button-text::after{
    clip-path:inset(0);
}

.teg-outfilled .tn-atom,
.tn-atom.teg-outfilled{
    position:relative!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    border:none!important;
    background:transparent!important;
    box-shadow:none!important;
}

.teg-outfilled .tn-atom::before,
.tn-atom.teg-outfilled::before{
    content:"";
    position:absolute;
    inset:0;
    box-sizing:border-box;
    border:2px dashed currentColor;
    border-radius:inherit;
    pointer-events:none;
}

.teg-outfilled:hover .tn-atom,
.tn-atom.teg-outfilled:hover{
    border:none!important;
    background:transparent!important;
    box-shadow:none!important;
}
</style>