.aip-link:any-link {
    color: var(--color-primary600);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
    text-underline-offset: calc(3 / 16 * 1rem);
}

.aip-link:visited {
    color: var(--color-primary600);
}

@media (hover: hover) {
    .aip-link:hover {
        color: var(--color-primary700);
        text-decoration-thickness: calc(3 / 16 * 1rem);
    }
}

.aip-link:active {
    color: var(--color-alert);
    text-decoration-thickness: calc(1 / 16 * 1rem);
}

.aip-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.15rem var(--color-focus);
    border-radius: calc(4 / 16 * 1rem);
    background-color: var(--color-focus-light);
}

.aip-link__icon {
    display: inline-block;
    width: calc(16 / 16 * 1rem);
    height: calc(16 / 16 * 1rem);
    vertical-align: -0.15em;
}