.rel-course-ref{background:url(/build/images/app/course/rel-course-background.png);background-size:100%;border-radius:15px;display:grid;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));margin-top:25px;overflow:hidden;padding:15px 10px;row-gap:15px}.rel-course-ref__texts{display:flex;flex-direction:column;grid-area:2/1;row-gap:10px;text-align:center}.rel-course-ref__texts h2{color:#000;font-size:22px;font-weight:700;line-height:22px}.rel-course-ref__texts p{color:#686868;font-size:16px;font-weight:400;line-height:20px}.rel-course-ref__image{grid-area:1/1;margin:-15px -10px 0}.rel-course-ref__image img{width:100%}.rel-course-ref__button{grid-area:3/1}.rel-course-ref__button a{align-items:center;background:#3d9ee9;border-radius:15px;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;line-height:20px;padding-inline:15px}.rel-course-ref__button a:hover{background:rgba(61,158,233,.71);text-decoration:none}.rel-course-ref__button a:active{box-shadow:0 0 8px 2px rgba(61,158,233,.71)}@media screen and (min-width:481px){.rel-course-ref{column-gap:10px}.rel-course-ref__texts{grid-area:1/2}.rel-course-ref__image{grid-area:1/1/3/2;margin:unset}.rel-course-ref__button{grid-area:2/2}.rel-course-ref__button a{margin-inline:auto;width:fit-content}}@media screen and (min-width:992px){.rel-course-ref__texts{grid-area:1/2}.rel-course-ref__image{grid-area:1/1}.rel-course-ref__button{grid-area:2/1/3/3}}@media screen and (min-width:1270px){.rel-course-ref__texts{grid-area:1/2}.rel-course-ref__image{grid-area:1/1/3/2}.rel-course-ref__button{grid-area:2/2}}@media screen and (max-width:480px){.rel-course-ref__image{display:none}}