/* Shared text-link interaction for Bootstrap triggers and button Widgets. */
.btn.btn-link {
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: transparent;
    --bs-btn-active-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-hover-color: var(--color-hover-text, #0087F7);
    --bs-btn-active-color: var(--color-hover-text, #0087F7);
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    text-decoration: none;
}
:is(.btn.btn-link, a.link-text):is(:active, [data-ombox-pressed="true"]):where(:not([aria-disabled="true"]):not(.is-disabled):not(.disabled):not(:disabled)) {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: var(--color-hover-text, #0087F7);
    font-weight: 700;
    text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
    :is(.btn.btn-link, a.link-text):hover:where(:not([aria-disabled="true"]):not(.is-disabled):not(.disabled):not(:disabled)) {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
        color: var(--color-hover-text, #0087F7);
        font-weight: 700;
        text-decoration: none;
    }
}
.btn.btn-link:focus-visible {
    outline: 2px solid var(--color-primary, #0087F7);
    outline-offset: 2px;
}