@import "../../app/variables";
.cards {
    .card-text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: justify;
        text-overflow: ellipsis;
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 250%;
        direction: rtl;
    }
.font-12{
    font-size: 0.75rem;
}
    .like {
        &:hover {
            color: $primary-coral!important;
        }
    }

    .title {
        margin-bottom: 2rem;
    }

    .item {
        break-inside: avoid;
        margin-bottom: 1.7rem;
        .font-14 {
            font-size: 0.875rem;
        }

        .font-10 {
            font-size: 0.625rem;
        }

        .btn {
            background-color: $text-medium;
            font-size: 0.75rem;
            transition: 300ms;

            &:hover{
                background-color: $primary-amber;
            }
        }

        img {
            transition: 300ms;
            width: 100%;
            height: 100%;
            object-fit: cover;

        }

    }


}