a[data-wpnav-external] {
    position: relative;
}

a[data-wpnav-external] .wpnav-external-icon {
    display: inline-block;
    font-size: 0.8em;
    margin-left: 3px;
    opacity: 0.6;
    transition: opacity 0.2s;
    vertical-align: super;
    line-height: 1;
    color: rgb(100, 105, 112);
    text-decoration: none;
}

a[data-wpnav-external]:hover .wpnav-external-icon {
    opacity: 1;
    color: rgb(29, 35, 39);
}

a[data-wpnav-external]:focus .wpnav-external-icon {
    opacity: 1;
    color: rgb(34, 113, 177);
}

.wpnav-external-icon-box::after {
    content: "⧉";
    font-size: 0.7em;
    margin-left: 2px;
    opacity: 0.5;
    color: rgb(100, 105, 112);
}

.wpnav-external-icon-arrow::after {
    content: "↗";
    font-size: 0.8em;
    margin-left: 2px;
    opacity: 0.6;
    color: rgb(100, 105, 112);
}

.entry-content a[data-wpnav-external] .wpnav-external-icon,
.comment-content a[data-wpnav-external] .wpnav-external-icon {
    color: rgb(34, 113, 177);
    opacity: 0.7;
}

.entry-content a[data-wpnav-external]:hover .wpnav-external-icon,
.comment-content a[data-wpnav-external]:hover .wpnav-external-icon {
    opacity: 1;
}

.widget a[data-wpnav-external] .wpnav-external-icon {
    color: rgb(80, 87, 94);
    opacity: 0.6;
}

.widget a[data-wpnav-external]:hover .wpnav-external-icon {
    opacity: 1;
    color: rgb(34, 113, 177);
}

.menu a[data-wpnav-external] .wpnav-external-icon,
.nav-menu a[data-wpnav-external] .wpnav-external-icon {
    font-size: 0.7em;
    margin-left: 2px;
    opacity: 0.5;
}

.site-footer a[data-wpnav-external] .wpnav-external-icon {
    color: rgb(140, 143, 148);
    opacity: 0.6;
}

.site-footer a[data-wpnav-external]:hover .wpnav-external-icon {
    opacity: 1;
    color: rgb(80, 87, 94);
}

.wp-block-button__link[data-wpnav-external] .wpnav-external-icon,
.button[data-wpnav-external] .wpnav-external-icon {
    color: inherit;
    opacity: 0.8;
}

@media (prefers-contrast: high) {
    a[data-wpnav-external] .wpnav-external-icon {
        opacity: 1;
        font-weight: bold;
        color: #000;
    }

    a[data-wpnav-external]:hover .wpnav-external-icon {
        color: rgb(34, 113, 177);
    }
}

@media (prefers-reduced-motion: reduce) {
    a[data-wpnav-external] .wpnav-external-icon {
        transition: none;
    }
}

@media print {
    .wpnav-external-icon {
        display: none;
    }
}

.screen-reader-text.wpnav-external-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    overflow: hidden;
}

a[data-wpnav-external]:focus-visible {
    outline: 2px solid rgb(34, 113, 177);
    outline-offset: 2px;
}

@media screen and (max-width: 768px) {
    a[data-wpnav-external] .wpnav-external-icon {
        font-size: 0.75em;
        margin-left: 2px;
    }
}

@media screen and (max-width: 480px) {
    a[data-wpnav-external] .wpnav-external-icon {
        font-size: 0.7em;
        margin-left: 1px;
    }
}