.#{$prefix}-archive-post{
    p,
    .entry-title{
        margin: 0;
        padding-top: 10px;
        
    }
    .blook-categories{
        li{
            margin-top: 10px;
        }
    }
    .blook-meta-tag{
        .blook-meta-icon,
        .blook-meta-caption,
        .blook-author-image{
            margin-top: 10px;
        }   
    }
    .blook-social-share{
        margin-top: 10px;
    }
}

.#{$prefix}-archive-post-style-1{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    .blook-btn-section{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .#{$prefix}-desc,
    .#{$prefix}-image-section{
        margin-left: 10px;
        margin-right: 10px;
        flex: 0 0 calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
    .#{$prefix}-image-section{
        height: 250px;
        @include media(xs){
            flex: 0 0 calc(40% - 20px);
            max-width: calc(40% - 20px);
        }
    }
    .#{$prefix}-desc{
        @include media(xs){
            flex: 0 0 calc(60% - 20px);
            max-width: calc(60% - 20px);
        }
    }
}
.#{$prefix}-archive-post-style-2{
    .#{$prefix}-image-section{
        height: 450px;
    }
    .blook-desc{
        text-align: center;
    }
    .blook-categories ul,
    .blook-meta-tag,
    .twp-social-share-layout-2{
        justify-content: center;
    }
    p{
       padding-top: 30px; 
    }
}
.#{$prefix}-archive-post-style-3{
    position: relative;
    &.#{$prefix}-archive-post-with-btn{
        padding-bottom: 60px;
    }
    .blook-image-border-hover-effect{
        &:after{
            right: initial;
            bottom: initial;
            top: -50px;
            left: -50px;
            @include transform(rotate(180deg));
        }
        &:hover{
            &:after{
                right: initial;
                bottom: initial;
                top: 0;
                left: 0;
            }
        }
    }
    .#{$prefix}-image-section{
        height: 250px;
        &.blook-image-with-content{
            padding-bottom: 45px;
        }
    }
    .blook-btn-section{
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }
    .blook-desc{
        background-color: $color_white;
        padding: 5px 15px 15px;
        width: calc(100% - 30px);
        position: relative;
        z-index: 2;
        margin: -30px auto 0;
        box-shadow: 0 0 4px 4px rgba($color_light_gray,0.63);
    }
}