@media screen and (max-width: 480px) {
    .ib-shortcode-container {
        padding: 12px;
    }

    .ib-card {
        padding: 14px;
    }

    .ib-card-body {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

        .ib-card-body .heading {
            font-size: 16px;
            font-weight: 600;
        }

    .ib-card-pill {
        margin-left: 0;
        margin-top: 8px;
        font-size: 11px;
        padding: 5px 14px;
    }

    .ib-card-footer {
        gap: 10px;
    }

        .ib-card-footer .link {
            font-size: 12px;
            max-width: 100%;
        }
}