.ccb-responsive {
    --ccb-desktop-padding: initial;
    --ccb-desktop-gap: initial;
    --ccb-desktop-font-size: initial;
    --ccb-desktop-text-align: initial;
    --ccb-mobile-padding: initial;
    --ccb-mobile-gap: initial;
    --ccb-mobile-font-size: initial;
    --ccb-mobile-text-align: initial;
    box-sizing: border-box;
    padding: var(--ccb-desktop-padding, 24px);
    gap: var(--ccb-desktop-gap, 16px);
    font-size: var(--ccb-desktop-font-size, inherit);
    text-align: var(--ccb-desktop-text-align, inherit);
}
.ccb-container { display: flex; flex-direction: column; }
.ccb-container > * { min-width: 0; margin-block: 0; }
@media (max-width: 767px) {
    .ccb-responsive {
        padding: var(--ccb-mobile-padding, var(--ccb-desktop-padding, 24px));
        gap: var(--ccb-mobile-gap, var(--ccb-desktop-gap, 16px));
        font-size: var(--ccb-mobile-font-size, var(--ccb-desktop-font-size, inherit));
        text-align: var(--ccb-mobile-text-align, var(--ccb-desktop-text-align, inherit));
    }
}