.course-preview.course {
    background-color: var(--wp--preset--color--grey-50);
    padding: var(--wp--preset--spacing--30);
    transition: background-color 0.3s ease;
    height: 100%;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    .course-codegrade  {
        margin-top: 0;
        margin-bottom: 0;
        color: var(--wp--preset--color--grey-950) !important;
    }
    .wp-block-post-excerpt__excerpt {
        color: var(--wp--preset--color--grey-600) !important;
    }
    .wp-block-heading {
        margin-top: 0;
        margin-bottom: var(--wp--preset--spacing--20);
    }
    .link-text {
        font-weight: 600;
        margin-top: auto;
        &::after {
            content: '\f178';
            font-family: "Font Awesome 6 Pro";
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 0.875rem;
            text-align: left;
            text-underline-position: from-font;
            text-decoration-skip-ink: none;
            color: var(--wp--preset--color--blue-900);
            position: absolute;
            opacity: 0;
            transform: translateY(39%) translateX(0);
            transition: transform 0.3s ease-out, opacity 0.3s ease-out;
        }
    }
    &:hover, 
    &:focus {
        background-color: var(--wp--preset--color--grey-200);
        .link-text:after {
            transform: translateY(39%) translateX(100%);
            opacity: 1;
        }

    }
}