.miko-post-item.style_1{

    display: flex;

    padding: 6px;

    border-radius: 4px;

    border: 1px solid #D5D6E9;

    gap: 1rem;

    align-items: center;

}

.miko-post-item + .miko-post-item{

    margin-top: 1.25rem;

}

.miko-post-item.style_1 .miko-post-item-image{

    flex: 0 0 110px;

    overflow: hidden;

    position: relative;

    border-radius: 4px;

}

.miko-post-item.style_1 .miko-post-item-image a{

    display: block;

}

.miko-post-item.style_1 .miko-post-item-image img{

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;    

}

.miko-post-item .miko-post-item-title {

    margin: 0;

    line-height: normal;

}

.miko-post-item .miko-post-item-title a{

    display: -moz-box;

    -moz-box-orient: vertical;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

}



.miko-post-item-image{

    position: relative;

}

.miko-post-item-audio{

    position: absolute;

    left: 50%;

    transform: translate(-50%, 0);

    bottom: 1rem;

    display: flex;

    background: #f1f3f4;

    border-radius: 16px;

}

.miko-post-swiper .miko-prev{

    position: absolute;

    top: 30%;

    z-index: 1;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(0, 0, 0, .5);

}



.miko-post-swiper .miko-next{

    position: absolute;

    top: 30%;

    right: 15px;

    z-index: 1;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: rgba(0, 0, 0, .5);

}



.miko-post-swiper .swiper-pagination{

    position: relative;

    margin-top: 1rem;

}



.miko-post-swiper .miko-post-item-image img{

    width: 100%;

}

.miko-post-swiper .miko-post-item-content{

    text-align: center;

}

.miko-post-swiper .miko-post-item-button{

    position: absolute;

    bottom: -100%;

    left: 50%;

    transform: translateX(-50%);

    opacity: 0;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border-radius: 10px;

    padding: 10px 24px;

    white-space: nowrap;

}

.miko-post-swiper .miko-post-item-image:hover .miko-post-item-button{

    bottom: 17px;

    opacity: 1;

}

.miko-post-swiper .miko-card .miko-post-item-button{

    position: unset;

    transform: unset;

    opacity: 1;

    justify-content: start;

    padding: 0;

}



.miko-post-item.style_2{

    display: flex;

    gap: 1rem;

    align-items: center;

    border-bottom: 1px solid #D5D6E9;

    padding: 12px 6px 2px 6px;

}

.miko-post-item.style_2 .miko-post-item-date span{

    font-size: 36px;

}