.content_closer .closer_wrapper{
    max-width: 960px;
    margin-inline: auto;
    border-top: 1px solid rgba(0,0,0,0.25);
    font-weight: var(--weight-bold);
    padding: 1.5rem 0;
}

#pk_flex_content .flex_layout.content_closer{
    padding-top: 0px;
}

.content_closer .link_wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem;
    row-gap: .5rem;
    flex-wrap: wrap;
}

.content_closer .link_wrapper .archive_button span{
    display: flex;
    align-items: center;
    gap: .75rem;
}

.content_closer .link_wrapper .archive_button span::before{
    content: '';
    width: .75em; height: .75em;
    background-color: currentColor;
    mask: url(/wp-content/uploads/2025/04/arrow.svg) no-repeat center / contain;
    -webkit-mask: url(/wp-content/uploads/2025/04/arrow.svg) no-repeat center / contain;
    transform: scaleX(-1);
}

.content_closer .link_wrapper .share_button span{
    display: grid;
    grid-template-areas: "text icon";
    align-items: center;
    gap: .5rem;
}

.content_closer .link_wrapper .share_button span::before,
.content_closer .link_wrapper .share_button span::after{
    grid-area: icon;
    content: '';
}

.content_closer .link_wrapper .share_button span::before{
    border-radius: .25rem;
    width: 1.5em; aspect-ratio: 1;
    background-color: var(--tech-green);
}

.content_closer .link_wrapper .share_button span::after{
    width: 1rem; aspect-ratio: 1;
    margin-inline: auto;
    background-color: currentColor;
    mask: url(/wp-content/uploads/2025/05/share_icon.svg) no-repeat center / contain;
    -webkit-mask: url(/wp-content/uploads/2025/05/share_icon.svg) no-repeat center / contain;
}

.content_closer .link_wrapper .copy_indicator{
    position: fixed;
    white-space: nowrap;
    z-index: 100;
    bottom: 10vh; left: 50%;
    transform: translateX(-50%);
    background-color: var(--off-white);
    pointer-events: none;
    border-radius: 1.5rem;
    padding: .25rem 1rem;
    box-shadow: .25rem .25rem 1rem rgba(0,0,0,0.25);
    opacity: 0;
}

@keyframes displayIndicator{
    0%{
        opacity: 0;
    }
    30%{
        opacity: 1;
    }
    60%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

.content_closer .link_wrapper .copy_indicator.animating{
    opacity: 1;
    animation: displayIndicator 2s ease-in-out forwards;
}
.content_closer .link_wrapper .share_button.locked{
    cursor: wait;
}

@media only screen and (max-width: 767px){
    .content_closer .closer_wrapper{
        padding: 1rem 0;
    }
}