.link{
    display: flex;
    align-items: center;
    gap: var(--sp-sm);
    text-decoration: none !important;
    color: var(--action-primary) !important;
    padding-top: var(--sp-s);
    padding-bottom: var(--sp-s);
    max-width: fit-content;
    transition: 0.1s ease;
    border-bottom: var(--width-2) solid var(--base-transparent);
}

.link .text{
    color: inherit;
}

.link:hover{
    border-color: var(--action-primary);
}

.link.link-disabled{
    color: var(--action-ghost) !important;
    fill: var(--action-ghost);
}

.link.link-disabled:hover{
    color: var(--action-ghost) !important;
    fill: var(--action-ghost);
    border-color: var(--action-ghost);
}

.link.link-dark{
    color: var(--base-white) !important;
    fill: var(--base-white);
    border-color: var(--base-transparent);
}

.link.link-dark:hover{
    color: var(--base-white) !important;
    fill: var(--base-white);
    border-color: var(--base-white);
}