.course_card{background-color:#fff;padding:20px;max-width:400px;border-radius:10px;.img_wrapper{background-color: #F7F7F7; border-radius: 8px; padding-top: 24px; padding-bottom: 24px; margin-left: 1px; margin-right: 1px; height: 100%; display: flex; align-items: center; justify-content: center;} .title{margin-left: 1px; margin-right: 1px; h5{font-weight: 700; font-size: 18px; line-height: 28px; color: #121212;} p{font-weight: 400; font-size: 16px; line-height: 24px; color: #6c6c6c; span{color: #121212;}}} .rating_wrapper{display: flex; flex-direction: row; align-items: center; justify-content: start; margin-top: 16px; margin-left: 1px; margin-right: 1px; .stars_count{display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; height: 24px; border-radius: 20px; background-color: #F7F7F7; padding: 4px 6px 4px 6px; .star{width: 16px; height: 16px; margin: 0px; img{width: 100%; height: 100%; transform: translateY(-5px);}} .count{font-weight: 700; font-size: 14px; line-height: 20px;}} .reviews{display: flex; flex-direction: row; align-items: center; justify-content: start; color: #6c6c6c; font-weight: 400; font-size: 14px; line-height: 20px;}} .shop-price-format{font-weight: 700; font-size: 16px; line-height: 24px;} .discount{font-weight: 400; font-size: 16px; line-height: 24px; text-decoration: line-through;} .btn{display: flex; align-items: center; justify-content: center; padding: 8px; height: 40px;}}