@import "../../bootstrap/variables";

.course-row-card-1 {

    &__image {
        width: 324px;
        height: 230px;
        left: -16px;
        margin-right: -16px;

        &, & img {
            border-radius: 16px;
        }

        .rtl & {
            left: auto;
            margin-right: 0;
            right: -16px;
            margin-left: -16px;
        }

        @media (max-width: $screen-sm-max) {
            width: 100%;
            height: 230px;
            left: 0;
            margin-right: 0;

            &, & img {
                border-radius: 16px 16px 0 0;
            }
        }
    }

    &__add-to-cart-btn {
        width: 164px;

        @media (max-width: $screen-sm-max) {
            width: 124px;
        }
    }
}
