.header-article {
    border-bottom: 1px solid var(--bs-secondary);
    margin-bottom: 3rem;
}

.share-socials {
    font-size: 1.5rem;
}

a[class^="icon-link-"] {
    position: relative;
    width: fit-content;
    padding-left: 1.5rem;
    line-height: 150%;
    text-decoration: none;
}

a[class^="icon-link-"]::before {
    font-family: "Font Awesome 6 Pro"; 
    font-weight: 900; 
    position: absolute;
    transform: translateX(-1.5rem);
}

.icon-link-phone::before {
    content: "\f095"; /* Phone Icon */
}

.icon-link-email::before {
    content: "\f0e0"; /* Envelope Icon */
}

@media screen and (min-width: 768px) {

    a[class^="icon-link-"] {
        padding-bottom: 4px;
    }

    a[class^="icon-link-"]::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: var(--bs-primary);
        transition: width .2s ease-in-out;
    }

    .icon-link-back::after {
        left: unset!important;
        right: 0;
    }

    a[class^="icon-link-"]:hover, a[class^="icon-link-"]:focus-visible {
        padding-bottom: 4px;
        outline: none;
    }

    a[class^="icon-link-"]:hover::after, a[class^="icon-link-"]:focus-visible::after {
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .article-aside {
        margin-top: 60vh;
        max-width: 275px;
        z-index: 3;
    }

    .article-aside .sticky-top {
        top: 1rem;
    }
}