.lesson-info{display:flex;width:187px;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0}[dir] .lesson-info{padding:16px;border-radius:8px;border:2px solid #f1f5f9;background:var(--shades-white,#fff)}[dir=ltr] .lesson-info{margin-left:16px}[dir=rtl] .lesson-info{margin-right:16px}[dir=ltr] .lesson-info:first-child{margin-left:0}[dir=rtl] .lesson-info:first-child{margin-right:0}.lesson-info>.lesson-image{width:155px;height:155px;flex-shrink:0;position:relative}[dir] .lesson-info>.lesson-image{border-radius:4px;background-size:100% 100%}.lesson-info>.lesson-image>span{height:18px;position:absolute;bottom:8px;color:#eff2ff;font-size:12px;font-weight:700}[dir] .lesson-info>.lesson-image>span{padding:0 4px;border-radius:2px;background:var(--neutral-800,#1e293b)}[dir=ltr] .lesson-info>.lesson-image>span{right:8px}[dir=rtl] .lesson-info>.lesson-image>span{left:8px}.lesson-info>.lesson-des>h4{color:var(--neutral-900,#0f172a);font-family:Lato;font-size:16px;font-style:normal;font-weight:700;line-height:150%}.lesson-info>.lesson-des>p{color:var(--neutral-500,#64748b);font-family:Lato;font-size:14px;font-style:normal;font-weight:500;line-height:150%}