.course-card{box-shadow:0 0 30px 0 rgba(104,104,104,.1019607843)}.course-card .discount-block{position:absolute;top:-30px;left:-10px}.course-card,.course-card .discount-block .content-block{position:relative}.course-card .discount-block .content-block .content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#fff}.course-card.style-01,.course-card.style-02{border-radius:4px;justify-content:space-between;height:100%;padding:10px}.course-card.style-01{background-color:rgba(255,255,255,.3);display:flex;flex-direction:column}.course-card.style-01 .top-block{display:flex;align-items:center}.course-card.style-01 .top-block .category-icon{width:40px;margin-left:5px}.course-card.style-01 .top-block .info{width:calc(100% - 45px);display:flex;flex-direction:column}.course-card.style-01,.course-card.style-01 .top-block .info a{color:#fff;transition:.5s}.course-card.style-01 .top-block .info a .title{font-size:14px!important;font-weight:700;margin-bottom:7px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.course-card.style-01 .bottom-block,.course-card.style-01 .top-block .info .other{display:flex;align-items:center;justify-content:space-between}.course-card.style-01 .top-block .info .other .rating{line-height:21px}.course-card.style-01 .bottom-block .read-more .title,.course-card.style-01 .top-block .info .other .rating svg,.course-card.style-01 .top-block .info .other .time svg,.course-card.style-02 .top-block .other .rating svg,.course-card.style-02 .top-block .other .time svg{margin-left:5px}.course-card.style-01 .top-block .info .other .rating,.course-card.style-01 .top-block .info .other .time{display:flex;align-items:center;font-size:14px;font-weight:700;transition:.5s}.course-card.style-01 .top-block .info .other .time svg path{fill:rgba(255,255,255,.4);transition:.5s}.course-card.style-01 .top-block .info .other .time svg path.hour-hand{fill:#fff}.course-card.style-01 .bottom-block{margin-top:15px}.course-card.style-01 .bottom-block .price{font-size:14px;font-weight:700}.course-card.style-01 .bottom-block .read-more{border-radius:4px;padding:7px;font-size:12px!important;font-weight:700;color:#000;background-color:#fff;transition:.5s}.course-card.style-01:hover{color:#6149f0;background-color:#fff}.course-card.style-01:hover .top-block .info a{color:#6149f0}.course-card.style-01:hover .top-block .info .other .rating,.course-card.style-01:hover .top-block .info .other .time{color:#261b63}.course-card.style-01.theme-02 .top-block .info .other .time svg path,.course-card.style-01:hover .top-block .info .other .time svg path{fill:rgba(97,73,240,.4)}.course-card.style-01.theme-02 .top-block .info .other .time svg path.hour-hand,.course-card.style-01:hover .top-block .info .other .time svg path.hour-hand{fill:#6149f0}.course-card.style-01.theme-02 .bottom-block .read-more,.course-card.style-01:hover .bottom-block .read-more{color:#fff;background-color:#6149f0}.course-card.style-01.theme-02,.course-card.style-01.theme-02 .top-block .info .title{color:#030303}.course-card.style-01.is-on-sale .top-block .info .title{width:calc(100% - 56px)}.course-card.style-02{background-color:#fff;cursor:pointer}.course-card.style-02 .thumbnail{margin-bottom:15px}.course-card.style-02 .thumbnail img{height:139px;width:100%;object-fit:cover;border-radius:12px}.course-card.style-02,.course-card.style-02 .top-block,.course-card.style-03{display:flex;flex-direction:column}.course-card.style-02 .top-block a{color:#000}.course-card.style-02 .top-block a .title{font-size:14px;font-weight:700;margin-bottom:7px}.course-card.style-02 .bottom-block,.course-card.style-02 .top-block .other{display:flex;align-items:center;justify-content:space-between}.course-card.style-02 .top-block .other .rating{line-height:21px}.course-card.style-02 .top-block .other .rating,.course-card.style-02 .top-block .other .time{display:flex;align-items:center;font-size:14px;font-weight:700}.course-card.style-02 .bottom-block{margin-top:15px}.course-card.style-02 .bottom-block .price{font-size:14px;font-weight:700;color:#6149f0}.course-card.style-02 .bottom-block .read-more{background-color:#6149f0;border-radius:4px;padding:7px;font-size:12px;font-weight:700;color:#fff}.course-card.style-02 .bottom-block .read-more .title{margin-left:5px}.course-card.style-03{background:linear-gradient(90deg,#6149f0 0,#7e6af3 100%);border-radius:18px;color:#fff;height:363px;justify-content:space-between}.course-card.style-03 .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.course-card.style-03 .overlay .start{width:50%;padding:40px 15px 0}.course-card.style-03 .overlay .start .title{font-size:24px;font-weight:700;text-align:justify}.course-card.style-03 .overlay .start .rating-course-time{display:flex;align-items:center;margin-top:17px}.course-card.style-03 .overlay .start .rating-course-time .rating{display:flex;align-items:center;margin-left:50px}.course-card.style-03 .overlay .start .rating-course-time .course-time .icon,.course-card.style-03 .overlay .start .rating-course-time .rating .icon{display:flex;align-items:center;margin-left:6px}.course-card.style-03 .overlay .start .rating-course-time .course-time{display:flex;align-items:center}.course-card.style-03 .overlay .start .rating-course-time .course-time .icon svg path{fill:#fff}.course-card.style-03 .overlay .start .price-teacher{display:flex;align-items:center;margin-top:27px}.course-card.style-03 .overlay .start .price-teacher .item{background-color:rgba(255,255,255,.25);padding:12px 20px;height:40px;display:flex;align-items:center;border-radius:4px}.course-card.style-03 .overlay .start .price-teacher .item:not(:last-child){margin-left:16px}.course-card.style-03 .overlay .end{width:50%;display:flex;justify-content:center}.course-card.style-03 .overlay .end .description-block{position:absolute;top:-57px;bottom:0;background-color:#261b63;width:400px;border-radius:16px 16px 0 0;padding:44px 30px 30px}.course-card.style-03 .overlay .end .description-block .inner{border:1px solid rgba(255,255,255,.25);border-radius:24px;backdrop-filter:blur(32px);width:100%;height:100%;position:relative;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.1)0,rgba(255,255,255,.08) 100%);display:flex;flex-direction:column;align-items:center;padding:13px}.course-card.style-03 .overlay .end .description-block .inner .icon{margin-top:-53px}.course-card.style-03 .overlay .end .description-block .inner .title{font-size:32px;font-weight:800}.course-card.style-03 .overlay .end .description-block .inner .text{margin-top:16px;font-size:12px;font-weight:400;text-align:center}.course-card.style-03 .bottom-block{display:flex;align-items:center;position:absolute;bottom:0}.course-card.style-03 .bottom-block .read-more-block{background-color:#fff;border-radius:18px 0 0 0;padding:10px 0 0 10px;position:relative}.course-card.style-03 .bottom-block .read-more-block:after,.course-card.style-03 .bottom-block .read-more-block:before{content:"";position:absolute;height:40px;width:40px;border:0;outline:0;border-bottom-right-radius:50%;box-shadow:0 20px 0 0#fff}.course-card.style-03 .bottom-block .read-more-block:before{top:-40px;right:0}.course-card.style-03 .bottom-block .read-more-block:after{bottom:0;left:-40px}.course-card.style-03 .bottom-block .read-more-block .read-more{position:relative;border-radius:12px;z-index:1;background-color:#261b63;color:#fff;display:flex;align-items:center;padding:20px 40px}.course-card.style-03 .bottom-block .read-more-block .read-more .icon{margin-right:5px}.course-card.style-03 .bottom-block .custom-text{margin-right:20px;font-size:16px;font-weight:700}@media screen and (max-width:767px){.course-card.style-03 .overlay{flex-direction:column-reverse;justify-content:start;align-items:stretch}.course-card.style-03 .overlay .start{width:100%;padding:14px}.course-card.style-03 .overlay .start .title{font-size:20px;margin:0}.course-card.style-03 .overlay .start .rating-course-time{margin-top:4px}.course-card.style-03 .overlay .start .rating-course-time .rating .icon{width:14px}.course-card.style-03 .overlay .start .rating-course-time .rating .value{font-size:14px}.course-card.style-03 .overlay .start .rating-course-time .course-time .icon{width:14px}.course-card.style-03 .overlay .start .price-teacher .item,.course-card.style-03 .overlay .start .rating-course-time .course-time .value{font-size:14px}.course-card.style-03 .overlay .start .price-teacher{margin-top:5px;flex-direction:row-reverse;justify-content:start}.course-card.style-03 .overlay .start .price-teacher .item.price{order:0}.course-card.style-03 .overlay .start .price-teacher .item.teacher{order:1}.course-card.style-03 .overlay .end{width:100%;display:flex;justify-content:center;padding:5px 9px 0}.course-card.style-03 .overlay .end .description-block{position:static;border-radius:16px;padding:11px;width:100%}.course-card.style-03 .overlay .end .description-block .inner{flex-direction:row;padding:13px;flex-wrap:wrap}.course-card.style-03 .overlay .end .description-block .inner .icon{margin-top:0;margin-left:10px;width:32px}.course-card.style-03 .overlay .end .description-block .inner .icon svg{width:32px}.course-card.style-03 .overlay .end .description-block .inner .title{font-size:18px;width:calc(100% - 42px)}.course-card.style-03 .overlay .end .description-block .inner .text{width:100%;text-align:justify;font-size:8px;margin-top:4px}.course-card.style-03 .bottom-block{display:flex;position:absolute;bottom:0}.course-card.style-03 .bottom-block .read-more-block .read-more{font-size:12px}.course-card.style-03 .bottom-block .read-more-block .read-more .icon{margin-right:5px;width:14px}.course-card.style-03 .bottom-block .custom-text{font-size:14px}
.buttons {
  background-color: aliceblue;
  padding:
5px;
  border-radius:
7px;
  font-size: 12px;
  font-weight: 600;
} 
}