.#{$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;
        }   
    }
}

.#{$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;
    }
    .#{$prefix}-image-section{
        height: 250px;
        flex: 0 0 calc(40% - 20px);
        max-width: calc(40% - 20px);
    }
    .#{$prefix}-desc{
        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{
        justify-content: center;
    }
    p{
       padding-top: 30px; 
    }
}
.#{$prefix}-archive-post-style-3{
    position: relative;
    padding-bottom: 60px;
    .#{$prefix}-image-section{
        height: 250px;
    }
    .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;
        margin: -30px auto 0;
        box-shadow: 0 0 4px 4px rgba($color_light_gray,0.63);
    }
}