a[href] {
    cursor: pointer;
}

.link {
    color: var(--link-color);
    cursor: pointer;
}

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

.link:not(:hover) {
    text-decoration: none;
}

.link:hover {
    text-decoration: underline;
    text-underline-offset: 0.4em;
    text-decoration-thickness: 1px;
}

.link_outer::after,
.link[target="_blank"]::after,
.link[download]::after,
.link_overlay::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: var(--link-color);
    margin-bottom: -0.12em;
    margin-left: 0.16em;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.link_outer:visited::after,
.link[target="_blank"]:visited::after,
.link[download]:visited::after,
.link_overlay:visited::after {
    background-color: var(--link-visited-color);
}

.link_outer::after,
.link[target="_blank"]::after {
    -webkit-mask-image: url(/wp-content/themes/maridiz/assets/icons/tabler_external-link.svg);
}

.link_overlay::after {
    -webkit-mask-image: url(/wp-content/themes/maridiz/assets/icons/mingcute_document-line.svg);
}

.link[download]::after {
    -webkit-mask-image: url(/wp-content/themes/maridiz/assets/icons/ic_round-download.svg);
}

.link[href^="#"] {
    text-decoration-style: dashed;
}