.footer-post {
    .border{
        border-top: solid 1px var(--color-border); padding-bottom: 15px;display: block;
    }

    .text-label{
        text-indent: 12px;
    }

    &__list {
        display: flex;
        flex-wrap: wrap;
        padding:16px;
        gap:40px;
    }

    &__item {
        @media (--viewport-ms-min) {
            margin-right: 20px;
        }

        &:last-child {
            margin-right: 0;
        }
    }

    &__link-social {
        position: relative;
        display: flex;
        .icon {
            fill: var(--color-icon-accent);
            path {
                fill: var(--color-icon-accent);
            }
        }

        &:hover,
        &:focus {
            .icon {
                fill: var(--color-secondary-brand);
            }
        }

        
    }

    &__links {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 0 0px 64px 0;
        gap:30px;
    }

    &__link {
    }
    &__tag {
        display:flex;
        flex-flow: wrap;
        gap: 24px;
        margin-bottom: 24px;
        @media (--viewport-xs-max) {
            flex-flow:column;
        }
    }
    &__update-date, &__author{
        background-color: var(--color-background-accent);
        display: flex;
        padding: 8px 16px;
        justify-content: center;
        align-items: center;
        gap: 5px;
        max-width: max-content;
        &-img {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            overflow: hidden;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .caption-label {
            color: var(--color-text);
        }
        a {
            color:var(--color-text-link-secondary);
        }
    }
}