.course-favorite-toggle {
    width: 42px;
    height: 42px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    transition: color 0.15s ease, transform 0.15s ease;
    top: 0;
    right: 0;
}
.course-favorite-toggle span{
    width: 50%;
    height: 50%;
    background-color: #e6c6d3;;
    -webkit-mask-image: url('/static/icons/heart-filled.svg');
    mask-image: url('/static/icons/heart-filled.svg');
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
}
.course-favorite-toggle.is-favorite span{
    background-color: #f5c542;
}