.cs-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #fff;
        border: 1px solid #e2e6f0;
        border-radius: 14px;
        overflow: hidden;
        text-decoration: none;
        color: #111b38;
        box-shadow: 0 10px 24px -18px rgba(15, 27, 61, .45);
        transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease;
    }

    .cs-card:hover {
        transform: translateY(-4px);
        border-color: #c7d1ef;
        box-shadow: 0 18px 34px -18px rgba(15, 27, 61, .5);
        text-decoration: none;
        color: #111b38;
    }

    .cs-figure {
        margin: 0;
        background: #f6f8fd;
    }

    .cs-figure img {
        display: block;
        width: 100%;
        height: 190px;
        object-fit: cover;
    }

    .cs-body {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 1.15rem 1.25rem 1.25rem;
    }

    .cs-title {
        font-size: 1.12rem;
        font-weight: 800;
        color: #111b38;
        margin: 0 0 .5rem;
        line-height: 1.25;
    }

    .cs-meta {
        display: flex;
        flex-wrap: wrap;
        gap: .35rem 1rem;
        font-size: .82rem;
        color: #596277;
        margin-bottom: .9rem;
    }

    .cs-languages {
        flex-basis: 100%;
    }

    .cs-price {
        font-size: 1.6rem;
        font-weight: 800;
        color: #111b38;
        line-height: 1;
        margin-bottom: 1rem;
    }

    .cs-price small {
        font-size: .72rem;
        font-weight: 700;
        color: #626c80;
    }

    .cs-btn {
        align-self: flex-start;
        margin-top: auto;
        background: #111b38;
        color: #fff;
        font-weight: 800;
        font-size: .95rem;
        padding: .7rem 1.4rem;
        border-radius: 8px;
        border: 0;
        cursor: pointer;
    }

    .cs-card form {
        margin-top: auto;
    }

    .cs-card form .cs-btn {
        margin-top: 0;
    }

    .cs-card:hover .cs-btn {
        background: #2f66e8;
    }

    .cs-description {
        color: #596277;
        line-height: 1.6;
        margin-bottom: 1rem;
    }

    .cs-description p:last-child {
        margin-bottom: 0;
    }

    .cs-learning {
        margin-bottom: 1.25rem;
    }

    .cs-learning h4 {
        margin: 0 0 .55rem;
        color: #111b38;
        font-size: .9rem;
        font-weight: 800;
    }

    .cs-learning-content {
        color: #596277;
        font-size: .86rem;
        line-height: 1.45;
    }

    .cs-learning-content ul {
        margin: 0;
        padding-left: 1.15rem;
    }

    .cs-learning-content li {
        margin-bottom: .35rem;
    }

    @media (min-width: 768px) {
        .cs-card--feature {
            flex-direction: row;
        }

        .cs-card--feature .cs-figure {
            flex: 0 0 42%;
        }

        .cs-card--feature .cs-figure img {
            height: 100%;
            min-height: 280px;
        }

        .cs-card--feature .cs-body {
            justify-content: center;
            padding: 2rem;
        }
    }