a:not(.skip-outline):not(.btn){
    color: var(--bs-body-color);
    text-decoration-thickness: 2px;
    text-decoration-color: var(--bs-primary);
    text-underline-offset: 5px;

    &:focus,
    &:hover{
        color: var(--bs-primary);
        text-decoration: none;
        outline: 2px solid var(--bs-primary);
        outline-offset: 1px;
        border-radius: .55rem;
    }
}

.action-links a{
    display: inline-flex;
    align-items: center;
    column-gap: .5ch;

    .icon{
        order: 1;
        height: 1.5rem;
        width: 1.5rem;

        max-width: 1.5rem;
        max-height: 1.5rem;
    }

    &:has(.icon){
        text-decoration: none;

        outline: none !important;

        svg *{
            fill: var(--bs-tertiary);
        }

        &:hover svg *{
            fill: var(--bs-primary);
        }
    }
}