/* Anchor each mascot to the course heading, rather than the card corner. */
.course-offer-heading{position:relative;padding-right:104px;margin-bottom:24px}
.price-card .course-offer-heading h3{margin-bottom:0}
.course-mascot{position:absolute;bottom:8px;right:8px;width:88px;margin:0}
.course-mascot picture{display:block;width:88px;max-width:100%}
.course-mascot img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}

.course-mascot{border-radius:8px;cursor:pointer}
.course-mascot:focus-visible{outline:2px solid #3972ff;outline-offset:4px}
.course-section-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.course-section-link:focus-visible{outline:2px solid #3972ff;outline-offset:6px;border-radius:3px}